/* style généraux en test */

@media (max-width: 980px) { /* grid téléphone + tablettes */	
	/* 960 */
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_7,.grid_8,.grid_9,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15 {
		display: block;
		float: none;
		margin: 0;
		width:auto;
		}
	.container_12,
	.container_16 {
		width: auto;
	}
	.container_12 .grid_3,
	.container_16 .grid_4 {
		width: auto;
		}
	.container_12 .grid_6,
	.container_16 .grid_8 {
		width: auto;
		}
	.container_12 .grid_9,
	.container_16 .grid_12 {
		width: auto;
		}
	.container_12 .grid_12,
	.container_16 .grid_16 {
		width: auto;
		}
	.container_16 .grid_1 {
		width: auto;
	}
	.container_16 .grid_2 {
		width: auto;
	}
	.container_16 .grid_3 {
		width: auto;
	}
	.container_16 .grid_5 {
		width: auto;
	}
	.container_16 .grid_6{
		width: auto;
	}
	.container_16 .grid_7 {
		width: auto;
	}
	.container_16 .grid_9 {
		width: auto;
	}
	.container_16 .grid_11 {
		width: auto;
	}
	.container_16 .grid_13 {
		width: auto;
	}
	.container_16 .grid_14 {
		width: auto;
	}
	.container_16 .grid_15 {
		width: auto;
	}
	.container_16 .grid_16.ajLivres {
    	width: 100%;
	}
	#page {
		margin: 45px 0 0 0;
	}
	.ladeux>ul>li:nth-child(2n+1) .undeux{
		border-right: none;
		padding-right: 0;
	}
}

@media (max-width: 480px) { /* Téléphone */
	.grid_16 {
		display: block;
		float: none;
		margin: 0;
		width:auto;
	}
	.container_16 .grid_10 {
		width: auto;
	}
	.respons {
		display:block !important;
		}
	.noresp, .donations{
		display:none !important;
		}
	.respons.menucourt {
	display:none !important;
	}
	
	body {
		width: 100%;
		min-width: 200px;
	    background: none;
	    font-size: 0.7em;
		}
	.partager{
		font-size: 0;
	}
	img, .enteteune img, .publienkiosques img{
		float: none;
	}
	.texte img, .logolarge img, .logolarge a img {
		max-width:100% !important;
		height:auto !important;
		}
	.texte iframe {
		max-width:100% !important;
		height:auto !important;
		}		
	.spip_documents_center {
		display:block;
		}
	.spip_doc_descriptif, dd.spip_doc_descriptif, 
	.spip_doc_titre, dt.spip_doc_titre, dl.spip_documents dt.spip_doc_titre {
	max-width:100%;
	}
	#page {
	    box-shadow: 0 0 0;
	    position: relative;
	    text-align: left;
	    width: auto;
		}
	.container {
	    padding: 0;
	    margin: 0 10px 0 10px;
		}
	#content {
	    margin: 0;
	    padding-top:15px;
		}
	.content-principal {
	    margin: 0 0 30px 0;
	    overflow:hidden;
		}

	#header .logo {
	float: none;
	text-align: center;
	}
	 #header .logodiplo {
	float: none;
	}
	
	ul#menu, #catelogo, #oreille{
	display:none;
		}
	.menubox {
	position:relative;
	}
	ul#menu.montre {
	display:block;
	border:solid 1px #333333;
	border-top:0;
	text-align:left;
	position:absolute;
	background:#ffffff;
	width:85%;
	z-index:10;
	}
	ul#menu.montre li, ul#menu.montre:hover li {
	display:block;
	float:none;
	border:0;
	border-top:1px dashed #cccccc;
	}
	ul#menu.montre li:first-child {
	border-top:0;
	}
	ul#menu.montre li a, ul#menu.montre li a:hover, ul#menu.montre li a.sousgroupe, ul#menu.montre li a.sousgroupe:hover {
	border:0;
	font-size: 1.2em;
	padding-top:8px;
	}
	.services  {
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: left;
	width: 100%;
	border:1px solid #333;
	border-width: 1px 0 1px 0;
	font-size:1.2em;
	float:none;
	overflow:hidden;
	}
	.services #search {
	margin: 0 10px 0 0;
	display:block;
	}
	.services #search form {
	background: #ffffff;
	border: 1px solid #333333;
	}
	.services a {
    display:none;
	}
	.services a.bouton_menu {
	background: url('/squelettes/images/burger.png') no-repeat center center transparent;
	display:block;
	margin: 0 15px 0 0;
	}
	.services a.bouton_menu:hover, .services a.bouton_menu.hover {
	background: url('/squelettes/images/burger-h.png') no-repeat center center transparent;
	}
	#formulaire_recherche input#recherche, #formulaire_recherche input.submit {
	border-radius:0;
	border:0;
	box-shadow:none;
	-webkit-appearance:none;
	}
	#formulaire_recherche input#recherche {
	font-size:0.9em;
	}
	#formulaire_recherche input.submit {
	margin:0;
	display:block;
	float:right;
	}
	#formulaire_recherche input#recherche:focus, .page_recherche #formulaire_recherche input#recherche {
	width: 170px;
	}
	
	h1 {
	overflow:hidden;
	}
	h1 span.orpheligne {
	display:inline-block;
	}
	.chapo {
	padding: 0 0 15px 0;
	}
	
	.cartouche {
	margin-bottom: 15px;
	}	
	.ps, .notes {
	margin: 0 0 30px 0;
	}
	
	
	/* nav */
	#extra1, .inverse #extra1, .content-principal.inverse #extra1 {
	width: auto;
	margin: 50px 0 30px 0;
	padding:0;
	float:none;
	border:0;
		}
	

/* une */	
	
	.enkiosques a.couv {
	display: inline-block;
	}
	.large .liste li .intro {
		padding-left: 0;
	}
	.listes, .listes.grid_10 {
	margin: 0 0 25px 0;
	}
	.liste li .intro, .liste li.enbas .intro {
	margin: 0 0 15px 0;
	}
	.listes, .liste.grid_5 {
	margin: 0 0 25px 0;
	}
	.liste.grid_5.duo {
	margin: 0;
	}
	
	

	/* portfolio */

	.documents_portfolio li, .documents_portfolio li.adroite, .texte .documents_portfolio li, .texte .documents_portfolio li.adroite {
    float: none;
    margin: 0 auto 20px auto;
    text-align:left;
	}
	
	
	/* archives */
	
	.page_themes table td.lettre {
	text-align:center;
	display:table-row;
	min-width:300px;
	}
	
	.page_themes table td.lesmots {
	padding: 0px 0 20px 0 ;
	min-width:300px;
	}
	
	
	.page_themes table tr {
	display:table;
	width:100%;
	}
	
	
	/* forms */
	
	.formulaire_login input.text, .formulaire_login input[type="text"], .formulaire_login input.password, .formulaire_login input[type="password"] {
	max-width:100%;
	min-width:200px;
	width:auto;
	-moz-sizing-box: border-box;
	-webkit-sizing-box: border-box;
	}
	
	.pub {
	width:auto;
	height:auto;
	}
	.pub img {
	max-width:100%;
	width:auto;
	height:auto;
	}


	/* images */

	#content .images li, .images li.alpha, .images li.omega {
	text-align:center;
	}
	#content .images li a img {
	display:inline-block;
	}	
	
	
	/* footer */
	
	#footer .finger {
	margin-bottom:20px;
	}
	
	.connecte #footer {
	padding: 0 0 50px 0;
	}


}



@media (min-width: 480px) and (max-width: 980px) {  /* tablette */

	.respons {
	display:block !important;
	}

	body {
		width: 100%;
		min-width: 200px;
	    background: none;
	    font-size: 0.75em;
	}
	#catelogo, #oreille, ul#menu, #footer #dansles, .banniere, .banniere_footer {
	display:none;
	}
	.texte img, .logolarge img, .logolarge a img {
	max-width:100% !important;
	height:auto !important;
	}
	.texte iframe {
	max-width:100% !important;
	}
	
	.spip_documents_center {
	display:block;
	}
	.spip_doc_descriptif, dd.spip_doc_descriptif, 
	.spip_doc_titre, dt.spip_doc_titre, dl.spip_documents dt.spip_doc_titre {
	max-width:100%;
	}
	
	#page {
	box-shadow: 0 0 0;
	position: relative;
	text-align: left;
	width: 100%;
		}
	.container {
	padding: 0;
	margin: 0 auto 0 auto;
	float: none;
	/*width:100%;*/
	width: 840px;
		}
	#content {
	float: left;
	padding-top:15px;
	/*width:66%;*/
	width: 440px;
	display:block;
	margin: 0 10px 20px 10px;
		}
	.container.colunique #content {
	float: none;
	width: 99%;
	width:840px;	
	margin:0 auto 20px auto;
	}
	.content-principal {
	float: none;
	margin: 0 auto 10px auto;
	}
	.container.colunique .content-principal {	
	padding:0 10px 0 10px;
	}	
	.titraille-large {
	margin: 0 0 5px 10px;
	}	
	.colint  {
	width:480px !important;
	display:block !important;
	margin: 0 10px 20px 10px;
	overflow:hidden;
	float:left;
	}
	.content-principal #extra1, .page_article #extra1, .page_rubrique #extra1, .content-principal.inverse #extra1{
	width: 280px;
	overflow:hidden;
	margin-top: 20px !important;
	margin-left: 0;
	}
	.content-principal #extra1, .page_article #extra1, .page_rubrique #extra1{
	padding: 0 0 0 15px;
	}
	.content-principal.inverse #extra1{
	padding: 0 15px 0 0;
	}
	
	#extra1 img {
	max-width: 99% !important;
	height:auto !important;
	}
	
	
	#header .logo {
	float: none;
	text-align: center;
	}
	 #header .logodiplo {
	float: none;
	}

	.menubox {
	position:relative;
	}
	ul#menu.montre {
	display:block;
	border:solid 1px #333333;
	border-top:0;
	text-align:left;
	position:absolute;
	background:#ffffff;
	width:85%;
	z-index:10;
	margin: 0 50px 0 50px;
	}
	ul#menu.montre li, ul#menu.montre:hover li {
	display:block;
	float:none;
	border:0;
	border-top:1px dashed #cccccc;
	}
	ul#menu.montre li:first-child {
	border-top:0;
	}
	ul#menu.montre li a, ul#menu.montre li a:hover, 
	ul#menu.montre li a.sousgroupe, ul#menu.montre li a.sousgroupe:hover {
	border:0;
	font-size: 1.2em;
	padding-top:8px;
	}
	.services  {
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: left;
	width: 100%;
	border:1px solid #333;
	border-width: 1px 0 1px 0;
	font-size:1.1em;
	float:none;
	overflow:hidden;
	}
	.services a {
    display:none;
    margin: 1px 10px 0 0;
	}
	.services #search {
	margin: 0 10px 0 0;
	display:block;
	}
	.services #search form {
	background: #ffffff;
	border: 1px solid #333333;
	padding:0;
	}
	.services a.bouton_menu {
	background: url('/squelettes/images/burger.png') no-repeat center center transparent;
	display:block;
	margin: 0 20px 0 10px;
	}
	.services a.bouton_menu:hover, .services a.bouton_menu.hover {
	background: url('/squelettes/images/burger-h.png') no-repeat center center transparent;
	}
	
	.services ul.menucourt  {
    margin: 0 10px 0 0;
    max-height:2em;
    overflow:hidden;
	}
	.services .menucourt li a {
    color: #333333;
    display: block;
    height: auto;
    margin: 1px 0 0 0;
    width: auto;
    float:right;
    padding: 6px 8px 5px 8px;
    text-transform: uppercase;
    transition-property: none;
    font-size:1.1em;
	}
	.services .menucourt li a:hover {
    color: #b00000;
	}
		
	#formulaire_recherche input#recherche, #formulaire_recherche input.submit {
	border-radius:0;
	border:0;
	box-shadow:none;
	-webkit-appearance:none;
	}
	#formulaire_recherche input#recherche {
	font-size:0.9em;
	}
	#formulaire_recherche input.submit {
	margin:0;
	display:block;
	float:right;
	}
	#formulaire_recherche input#recherche:focus, .page_recherche #formulaire_recherche input#recherche {
	width: 200px;
	}
	.container_16 .grid_6 {
		width: 280px;
	}
	.container_16 .grid_10 {
		width: 500px;
	}
	/*Width ci-dessus - 20px de margin*/
	.page_sommaire .grid_10>.liste {
		width: 480px;
	}
	/*Width ci-dessus - 20px de margin*/
	.page_sommaire .grid_10>div:not(.liste) {
		width: 460px;
	}
						
	.container_12 .grid_12, .container_16 .grid_16 {
    width: auto;
	}
	
	/* images */

	#content .images li, .images li.alpha, .images li.omega, .content-principal .videos>.grid_5 {
	float:left;
	width:25% !important;
	margin: 0 0 20px 0;
	/*clear:both;*/
	}
	/*#content .images li:nth-child(even) {
	float:right;
	text-align: right;
	clear:none;
	}*/
	#content .images li a img, .images li h3 {
	max-width:95%;
	height: auto !important;
	display:inline-block;
	}	
	#content .images li h3, .images li .dates_auteurs, #content .videos li h3, .videos li .dates_auteurs {
	width:95%;
	display:inline-block;
	text-align:left;
	}
	.colunique .images li, .colunique .images li:nth-child(even) {
	float:left;
	width:25% !important;
	margin: 0 0 20px 0;
	clear: none;
	text-align:left;
	}
	.colunique .images li:nth-child(4n +1) {
	clear: both;
	}
	.colunique .images li a img, .colunique .images li h3, .colunique .images li .dates_auteurs, .colunique .videos li a img, .colunique .videos li h3, .colunique .videos li .dates_auteurs {
	width:90%;
	}
	.undeux>img{
		float: right;
		margin: 0 0 0.6em 0.8em;
	}
	.undeux>.intro{
		clear: both;
	}
	.undeux>img+.titraille+.intro{
		padding-left: 0;
	}
				
    #extra1 .images li {
    text-align:center;
    }
    #extra1 .images .vignette {
    float: none;
    margin: 0 0 5px 0;
    width: 100%;
    text-align:center;
    display:inline-block;
    }
    #extra1 .images .vignette img {
    display:inline-block;
    }    
    #extra1 .images li h3,  #extra1 .images li .dates_auteurs {
    text-align:center;
    margin-left: 0;
    }
    
    .container_16 .multimedia{
    	width: 100%;
    }
    .videos .grid_5{
    	width: 280px;
    	float: left;
    	margin-right: 10px;
    }


	/* portfolio */
	
	.documents_portfolio li, .texte .documents_portfolio li { 
	margin: 0 10px 10px 0;
	width: 112px;
	}	
	.documents_portfolio li.adroite, .texte .documents_portfolio li.adroite {
	margin: 0 0 10px 0;
	text-align:left;
	}
	.documents_portfolio li img, .documents_portfolio li.adroite img, .texte .documents_portfolio li img, .texte .documents_portfolio li.adroite img {
	width:110px !important;
	height:110px !important;    
	}
	
	.livres .librairie > li {
	    display: inline-block;
	    width: 95px;
	}
		
	/* footer */
	
	#footer .finger {
	margin-bottom:20px;
	}
		
	
	#footer .rappels {
    padding: 20px 10px 0 10px;
	}
	
	#footer .unemensuel {
    float:left;
    margin: 0 15px 0 0;
    width: 170px;
    border:0;
    	}	
	#footer .unemensuel a {
    float:left;
    margin: 0 20px 0 20px;
    height: 125px;
    border:0;
    	}
	#footer .unemensuel a img {
	width:148px;
	height:auto;
	border-bottom:0;
	}

	#footer .lesliens div > ul {
    width:730px;
    overflow:hidden;
    margin: 0 auto 0 auto;
	}
	#footer .lesliens li.finger {
    float:left;
    width:155px;
    margin: 0 0 0 15px;
	}
	#footer .lesliens li.finger.offres, #footer .lesliens li.finger.sites {
    width:185px;
	}
	#footer .lesliens li.finger:first-child {
    margin: 0;
	}	
}