/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/


/***********************************************
Screen 1200px+
***********************************************/
.row                                            { margin:0 auto; width:1200px; display:table; }
.row .row                                       { margin:0 -12px; width:auto; display:inline-block; }
#list .row .row {width:964px; margin: 0 0 0 -6px;}
#list h3.listTitle{margin: 0 0 10px -6px;}

.grid_1                                         { width:88px; margin:0 6px; float:left; display:inline; }
.grid_2                                         { width:188px; margin:0 6px; float:left; display:inline; }
.grid_3                                         { width:288px; margin:0 6px; float:left; display:inline; }
.grid_4                                         { width:388px; margin:0 6px; float:left; display:inline; }
.grid_5                                         { width:488px; margin:0 6px; float:left; display:inline; }
.grid_6                                         { width:588px; margin:0 6px; float:left; display:inline; }
.grid_7                                         { width:688px; margin:0 6px; float:left; display:inline; }
.grid_8                                         { width:788px; margin:0 6px; float:left; display:inline; }
.grid_9                                         { width:888px; margin:0 6px; float:left; display:inline; }
.grid_10                                        { width:988px; margin:0 6px; float:left; display:inline; }
.grid_11                                        { width:1088px; margin:0 6px; float:left; display:inline; }
.grid_12                                        { width:1188px; margin:0 6px; float:left; display:inline; }

/*exeptions*/
.grid_2demi                                     { width:222px; margin:0 7px; float:left; display:inline; }
#list .grid_3                                   { width:228px; margin:0 0 0 20px; float:left; display:inline; height: auto; }
#list .grid_9                                   { width:940px; margin:0 6px; float:left; display:inline; }
#list .grid_9 .grid_2                           { width:220px; margin:1px 8px 15px 8px; float:left; display:inline; }

#single .grid_4                                 { width:358px; margin:0 6px 0 36px; float:left; display:inline; }


.offset_1                                       { margin-left:106px; }
.offset_2                                       { margin-left:206px; }
.offset_3                                       { margin-left:306px; }
.offset_4                                       { margin-left:406px; }
.offset_5                                       { margin-left:506px; }
.offset_6                                       { margin-left:606px; }
.offset_7                                       { margin-left:706px; }
.offset_8                                       { margin-left:806px; }
.offset_9                                       { margin-left:906px; }
.offset_10                                      { margin-left:1006px; }
.offset_11                                      { margin-left:1106px; }

.show-mobile                                    { display:none !important; }
.show-tablet                                    { display:none !important; }
.show-screen                                    { display:inherit; }

.hide-mobile                                    { display:inherit !important; }
.hide-tablet                                    { display:inherit !important; }
.hide-screen                                    { display:none !important; }
#list .grid_2 {overflow:hidden;}

.legendeOeuvre{
background:#fff;
padding:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

#monSite, #culture-education{
background:none;
padding:0;
vertical-align: middle;
}
#monSite img, #culture-education img{
width:38px;
height:38px;
}

.noResults                                      {color:#F63D24;}
.noResults a                                    {color: #01bdbd; display: block; padding-top: 10px;}
.mapReplacement                                 {height: 12px; margin: 30px 0 0 0;}

.voirRepertoire{
	color: #fff;
	font-size: 1.25em;
	text-decoration:none;
	float:right;
	margin-top: 15px;
}

#footerSocial .footSocial{
	visibility:hidden;
}

.chkMuni, .chkMrc {
	/*retablie l'apparence par défaut des checkbox pour chrome*/
	-webkit-appearance: checkbox;
}

.cbItem{
	/*règle le problème que la liste des municipalités passe sous le footer*/
	z-index: 999;
}

.tag{
	height:65px; /*limite a 65 pixels de hauteur de mots-clef affiche*/
	overflow:hidden; /*cache ce qui depasse les 65 pixels*/
}

.grid_2{
	height: 310px;
}

.grid_2 .previewImgContainer{
	height: 165px !important;
	max-width: 222px !important;
	overflow: hidden;
	text-align:center;
	background-color: #000;
}

.grid_2 .previewImgContainer img{
	max-width: 222px !important;
	width:auto !important;
	height: auto !important;
	max-height: 165px !important;
}

.grid_2demi .previewImgContainer{
	height: 165px !important;
	max-width: 222px !important;
	overflow: hidden;
	text-align:center;
	background-color: #000;
}

.grid_2demi .previewImgContainer img{
	max-width: 222px !important;
	width:auto !important;
	height: auto !important;
	max-height: 165px !important;
}

.portfolio img{
	max-width: 782px;
}

.portfolio{
	text-align:center;
}

.form-inscription{
	overflow: visible !important;
}

.bouton{
	cursor:pointer;
}

#footerCredential nav{
	width:40%;
	margin-top: 18px;
}

/***********************************************
Clean up
***********************************************/
.container:after                                { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after                                      { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after, .clearfix:after                     { clear:both; }
.row, 
.clearfix                                       { zoom:1; }
.clear                                          { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.print-only {
    display:none !important;
}