.site {
	width:1040px;
	margin:auto;
}
.smart,
.tab6,
.tab7 {
	display:none;
}
.resp_search2 {
	display:none;
}
.pop_part {
		display:none;
	}
.photofondu {
	display:none;
}

@media all and (min-width:990px) {
	.actions {
		margin:0px;
	}
	article .links,
	.retour, 
	.suiv,
	.hautpage {
		position:fixed;
		margin-left:-130px;
	}
	.hautpage {
		width:auto;
	}
	article .links {
		bottom:135px;
		width:83px;
		text-align:center;
		margin-top:0px;
	}
	.retour, .hautpage {
		bottom:175px;
	}
	.suiv {
		bottom:201px;
	}
	/*.node .field-name-field-tags {
		top:500px;
	}
	.node .field-name-field-tags .field-item, .node .field-name-field-tags li {
		display:block;
		padding:0px;
		margin:6px 0px;
		border-right:0px;
	}*/
}
@media all and (max-width:1190px) {
	#block-menu-menu-webmaster {
		position:relative;
		width:auto;
		clear:both;
		top:10px;
	}
	#block-menu-menu-webmaster li{
		display:inline-block;
	}
	#block-menu-menu-webmaster li span.nolink {
		display:block;
	}
}
@media all and (max-width:1039px) {
	.site {
		width:100%;
	}
}
@media all and (max-width:989px) {
	
	#photofondu {
				position:absolute;
				background-repeat:no-repeat;
				background-position:center top;
				background-color:#000;
				height:100%;
				width:100%;
				background-size:100%;
				z-index:1000 !important;
				top:0px;
         -webkit-animation: si1 2s linear alternate 0s both;
			-moz-animation: si1 2s linear alternate 0s both;
			 -ms-animation: si1 2s linear alternate 0s both;
			  -o-animation: si1 2s linear alternate 0s both;
				 animation: si1 2s linear alternate 0s both;
	}
	.front #photofondu {
		display:block;
	}
	@-webkit-keyframes si1 {
		from {
			opacity:1;
		}
		50% {
			opacity:1;
		}
		99% {
    	opacity:0;
		height:100%;
		width:100%;
	 }
    to {
		opacity:0;
		width:0px;
		height:0px; 
		}
	}
	@keyframes si1 {
		from {
			opacity:1;
		}
		50% {
			opacity:1;
		}
		99% {
    	opacity:0;
		height:100%;
		width:100%;
	 	}
    	to {
		opacity:0;
		width:0px;
		height:0px; 
		}
	}
	.site {
		width:100%;
	}
	
	#logo img {
		height:84px;
		width:81px;
	}
	.field-name-field-chapo,
	.field-name-body,
	.field-name-field-image {
		width:auto;
	}
	.contenu img {
		margin:0px auto;
		display:block;
		max-width:644px;
	}
	.not-front .contenu #content {
    	padding-top:30px;
		display:block;
	}
	.resp_search,
	article .inline .print_html {
		display:none;
	}
	.resp_search2 {
		display:block;
		margin:10px 10px 12px 0px;
	}
	body.html {
		background-size:100%;
	}
	#navigation {
		height:88px;
	}
	.front #navigation #main-menu {
		margin-top:233px;
	}
	#navigation #main-menu {
		margin:70px 0 8px;
	}
	#navigation #main-menu ul {
		margin-left:10px;
		height:88px;
	}
	#navigation #main-menu li {
		margin-right:10px;
	}
	#main-menu a {
		height:80px;
		width:70px;
		font-size:19px;
		line-height:21px;
	}
	.colG {
    	padding: 20px 8px 20px 12px;
		background-color:#FFF;
	}
	.contenu {
    	padding: 20px 12px;
	}
	#block-views-actualites-block-1 {
    	margin-right:0px;
	}
	#block-views-la-srf-block-1 {
    	margin:10px 0px 10px 10px;
	}
	#block-views-la-srf-block-1 p {
    	margin-right:10px;
	}
	#block-views-la-srf-block-1 img {
		width:80px;
		height:80px;
	}
	#block-menu-menu-bas-de-page {
    	margin:0px 10px 10px 5px;
		clear:right;
	}
	#block-menu-menu-bas-de-page li a {
    	padding-left:11px;
	}
	#block-views-actualites-block-1 .views-field-title, 
	#block-views-actualites-block-1 .views-field-field-sous-titre {
    	font-size: 16px;
    	line-height: 19px;
	}
	h1,
	.field-name-field-sous-titre,
	.page-ecole .view-header h2.node__title a {
    	font-size: 21px;
	}
	.field-name-field-chapo {
    	font-size: 17px;
	}
	.node-type-article .field-name-field-tag-type {
    	top:182px;
	}
	.logged-in .field-name-field-tag-type {
    	top:212px;
	}
	.admin-menu .node-type-article .field-name-field-tag-type {
    	top:260px; 
	}
	.page-la-srf .vue_srf .chapo,
	.lire_tab {
		display:block;
		vertical-align:top;
		width:auto;
	}
	.lire_tab {
		padding:0px 0px 15px 0px;
	}
	.views-row-3 .lire_tab, 
	.views-row-4 .lire_tab {
    	padding:15px 0px 20px 0px;
	}
	.field-name-body ul, .cke_editable ul {
    	padding: 10px 20px 10px 100px;
	}
	.text_photo {
		clear:right;
		margin-right:10px;
	}
	#block-views-actualites-block-1 .views-row {
    	width:33% !important;
	}
	#block-views-partenaires-block-partenaires .views-field-field-logo {
    	width:80px;
		height:80px;
	}
	#block-views-partenaires-block-partenaires .views-field-field-logo img {
    	width:100%;
	}
	#print-mail-form label.printmail-label {
    	float:none;
		width:auto;
	}
	#print-mail-form .description {
    	padding-left:0px;
	}
	#edit-txt-to-addrs {
		width:100%;
	}
	article .links {
    	display: table;
		width:100%;
    	text-align:right;
	}
	article .links li {
    	display: table-cell;
    	text-align:right;
		width:100%;
	}
	article .links li a {
    	display:block;
		float:right;
		text-align:right;
		width:50px;
	}
	.hautpage {
		width:80%;
	}
	.field-slideshow-slide,
	.field-slideshow {
		width:98% !important;
	}	
}
@media all and (max-width:767px) {
	.field-name-field-video .video-js {
		max-width:680px;
		height:auto !important;
		width:100% !important;
	}
	.video-js .vjs-tech {
    	height: auto;
   	 	position: relative;
    	width: 100%;
	}
	#logo img {
		height:70px;
		width:70px;
	}
	.not-front .contenu #content {
    	padding-top:27px;
	}
	.contenu img {
		max-width:505px;
	}
	.resp_search2 {
		margin:9px 9px 5px 0px;
	}
	#navigation {
		height:78px;
	}
	.front #navigation #main-menu {
		margin-top:160px;
	}
	#navigation #main-menu {
		margin:60px 0 8px;
	}
	#navigation #main-menu ul {
		margin-left:9px;
		height:78px;
	}
	#navigation #main-menu li {
		margin-right:9px;
	}
	#main-menu a {
		height:70px;
		width:60px;
		font-size:17px;
		line-height:19px;
	}
	.colG {
    	padding: 17px 8px 17px 10px;
	}
	.contenu {
    	padding: 17px 10px;
	}
	#block-views-la-srf-block-1 {
    	margin:9px 0px 9px 9px;
	}
	#block-views-la-srf-block-1 p {
    	margin-right:9px;
	}
	#block-views-la-srf-block-1 img {
		width:70px;
		height:70px;
	}
	#block-menu-menu-bas-de-page {
    	margin-right:9px;
	}
	#block-menu-menu-bas-de-page li a {
    	padding: 0 0 0 5px;
		font-size:12px;
	}
	#block-menu-menu-bas-de-page li.first a,
	#block-menu-menu-bas-de-page li:nth-child(2) a {
        font-size:14px;
    	padding-left:5px;
	}
	#block-views-actualites-block-1 .views-field-title, 
	#block-views-actualites-block-1 .views-field-field-sous-titre {
    	font-size: 21px;
    	line-height: 24px;
	}
	.field-name-body ul, .cke_editable ul {
    	padding: 10px 10px 10px 70px;
	}
	.text_photo {
		margin-right:9px;
	}
	.page-archives .views-exposed-form label {
		width:70px;
	}
	.page-archives .views-exposed-form select {
		width:200px;
	}
	#block-views-actualites-block-1 .views-row {
    	border-right:0px;
		border-bottom: 2px dotted #FF3402;
    	display:block;
    	padding:20px 0px;
    	width:auto !important;
	}
	#block-views-actualites-block-1 .views-row-first {
		padding-top:26px;
	}
	#block-views-actualites-block-1 .views-row-last {
		border-bottom: 0px;
	}
	#block-views-actualites-block-1 .views-field-field-chapo {
    	border-top: 0px;
    	margin-top: 0px;
	}
	.node-type-article .field-name-field-tag-type {
    	top:156px;
	}
	.logged-in .field-name-field-tag-type {
   		top:186px;
	}
	.admin-menu .field-name-field-tag-type {
   		top:186px;
	}
	#block-views-partenaires-block-partenaires .views-field-field-logo {
    	width:70px;
		height:70px;
	}
	.pop_part {
    	width:200px;
	}
}
@media all and (max-width:639px) {
	body {
		font-size:13px;
	}
	html body.not-front #page {
		background-color:#000;
	}
	.smart {
		display:block;
	}
	.ordi {
		display:none;
	}
	#navigation li:not(.active),
	.node-type-article .ecol .actualites #navigation li.menu-218,
	.not-front .text_photo,
	#block-views-actualites-block-1 .views-field-field-chapo,
	.views-field-view-node,
	.lire_tab,
	.lire,
	.page-node-7 .views-field-field-image,
	.front #photofondu {
		display:none;
	}
	.node-type-article .actualites #navigation li.menu-218,
	.c_srf #navigation li.menu-546,
	.node-type-blog #navigation li.menu-547,
	.node-type-article .ecol #navigation li.menu-548,
	.node-type-article .archives #navigation li.menu-537,
	.node-type-lien-pro #navigation li.menu-522 {
		display:block;
	}
	#logo img {
		height:60px;
		width:58px;
		z-index:700 !important;
	}
	.front #navigation {
		margin:143px 0px 0px 0px;
	}
	#navigation {
		float:left;
		height:auto;
	}
	#navigation #main-menu,
	.front #navigation #main-menu {
		margin:0px;
		padding:0px;
	}
	#navigation #main-menu ul {
		margin:0px;
		padding:0px;
		position:inherit;
	}
	#navigation #main-menu li {
		padding:0px;
		margin:7px 0px 0px 7px;
	}
	.not-front #navigation #main-menu li,
	.not-front .menuitem {
		margin-bottom:7px;
	}
	.ic_festival img {
		width:60px;
		height:auto;
	}
	#main-menu a,
	.menuitem div {
		height:54px;
		width:44px;
		font-size:13px;
		line-height:16px;
		padding:0px;
	}
	.menuitem div {
		background-color:#6E616A;
		color:#FFF;
		vertical-align:middle;
		text-align:center;
		display:table-cell;
		cursor:pointer;
	}
	.front .menuitem {
		margin-top:150px;
	}
	.menuitem {
		float:left;
		margin:7px 0px 0px 7px;
	}
	.menuover {
		position:absolute;
		background:rgba(0,0,0,0.8);
		margin-left:61px;
		padding:12px 0px 2px 8px;
		top:68px;
		width:100%;
		max-width:252px;
		z-index:400 !important;
	}
	.front .menuover {
		top:204px;
	}
	.menuover .inline li,
	.menuover .view-la-srf p {
		float:left;
		margin:0px 7px 9px 0px;
		padding:0px;
	}
	.menuover li a {
		height:54px;
		width:54px;
		font-size:13px;
	}
	.menuover .view-la-srf img  {
		width:54px;
		height:54px;
	}
	.menuover .fermer { 
		display:block;
		width:38px;
		color:#FFF;
		float:left;
		margin:12px 0px 7px 0px;
	}
	.fermer { 
		width:200px;
	}
	.front .text_photo {
		position:absolute;
		top:180px;
		right:4px;
		margin-right:0px;
		max-width:190px;
		font-size:9px;
	}
	.front .text_photo a {
		font-size:9px;
		color:rgba(255,255,255,0.6);
	}
	.not-front .contenu #content {
    	padding-top:19px;
	}
	.colG {
		display:block;
		float:left;
    	padding: 15px 13px  15px 7px;
		height:64px;
		
	}
	.front .contenu,
	.front .colG {
		display:table-cell;
	}
	.contenu {
		display:block;
    	padding: 15px 7px;
	}
	#block-views-la-srf-block-1 {
    	display:none;
	}
	
	#block-menu-menu-bas-de-page {
    	margin:7px;
		float:none;
		clear:both;
		padding:3px 0px;
	}
	#block-menu-menu-bas-de-page li a {
    	padding: 0px 2px 0px 7px;
		font-size:11px;
	}
	#block-menu-menu-bas-de-page li.menu__item {
		display:table-cell;
	}
	#block-menu-menu-bas-de-page li.first,
	#block-menu-menu-bas-de-page li:nth-child(2){
		display:inline-block;
}
	#block-menu-menu-bas-de-page li.first a,
	#block-menu-menu-bas-de-page li:nth-child(2) a {
    	font-size:16px;
    	padding-left:7px;
		padding-right:17px;
		padding-bottom:15px;
	}
	#block-menu-menu-bas-de-page li:nth-child(2):after {
    	
	}
	.contenu .views-field-title a {
		cursor:pointer;
	}
	#block-views-actualites-block-1 .views-field-title {
    	font-size:17px;
    	line-height:21px;
	}
	h1, .field-name-field-sous-titre {
    	font-size:17px;
    	line-height:21px;
	}
	.node-type-page h1#page-title,
	.node-type-webform h1#page-title {
		margin-bottom:18px;
	}
	h2 {
		font-size:15px;
	}
	h3 {
		font-size:14px;
	}
	.field-name-field-chapo {
    	font-size: 15px;
	}
	#block-views-actualites-block-1 .views-field-field-sous-titre,
	.liste .sous_titre {
    	color:#000;
		font-size:15px;
		line-height:18px;
		padding-top:7px;
	}
	#block-views-actualites-block-1 .views-row {
   	 padding: 12px 0;
	}
	#block-views-actualites-block-1 .views-row-first {
		padding-top:23px;
	}
	.text_photo {
		margin-right:9px;
	}
	.contenu .view-display-id-block_adherent .views-field-title {
    	display:block;
	} 
	.views-field-field-pr-nom {
    	display:block;
   	 	padding:0px 0px 4px 0px;
	}
	.contenu img {
		max-width:100%;
	}
	.field-name-field-document-s- .field-item, .views-field-field-document-s- .field-item {
    	display:block;
		margin-bottom:10px;
	}
	.page-ecole .view-header h2.node__title a {
    	font-size:19px;
	}
	.page-archives .views-exposed-form {
		margin:-15px 0px 0px 0px;
	}
	#views-exposed-form-actualites-archives {
		float:right;
		width:235px;
		margin-bottom:3px;
	}
	.page-archives .views-exposed-form label {
    	width:45px;
	}
	.page-archives .views-exposed-form select {
    	width:175px;
	}
	.liste .chapo {
		display:none;
	}
	.liste .liste_tags {
    padding: 3px 0px;
	}
	.view-filters:after {
		content:".";
		display:block;
		clear:both;
		line-height:0px;
		visibility:hidden;
	}
	.views-exposed-widgets {
		padding:0px;
		margin:0px;
	}
	.page-archives .views-exposed-form .views-exposed-widget {
		padding:0px;
		margin:10px 0px;
	}
	.node-type-article .field-name-field-tag-type {
    	top:76px;
		left:76px;
	}
	.logged-in .field-name-field-tag-type {
    	top:106px;
	}
	.admin-menu .field-name-field-tag-type {
   		top:106px;
	}
	.page-node-7 .contenu .views-field-body,
	.page-node-7 .views-field-field-lien {
		display:none;
	}
	.contenu p {
    	margin:9px 0;
	}
	h2 {
   	 	margin-bottom:15px;
    	padding-top:10px;
	}
	h3 {
    	margin:15px 0 6px;
	}
	.field-name-body ul, .cke_editable ul {
    	padding:6px 10px 6px 40px;
	}
	.field-name-body ul li, .cke_editable ul li {
    	padding: 6px 0;
	}
	.field-name-field-document-s- {
    	padding: 6px 0 0px 0px;
	}
	article .links {
    	padding:5px 5px 5px 0;
	}
	.field-name-field-tags {
    	padding:5px 0px 6px 0px;
	}
	.retour, .suiv {
		background-size:26px;
		padding:8px 13px 4px 32px;
		margin:-36px 0px 0px 0px;
	}
	.print-page img, .print-mail img {
    	height:29px;
    	width: 29px;
	}
	.vue_ecole {
    	padding:3px 0 6px;
	}
	.contenu .vue_ecole .sous_titre {
		padding:0px;
		color:#666;
	}
	.webform-client-form {
    	padding:1px 0;
	}
	#block-views-partenaires-block-partenaires .views-row {
    	float:none;
    	height:auto;
    	width:auto;
		clear:left;
		margin-bottom:5px;
	}
	#block-views-partenaires-block-partenaires .cell {
		display:table-cell;
		padding-left:13px;
	}
	#block-views-partenaires-block-partenaires .views-field-field-logo {
    	width:54px;
		height:54px;
	}
	#block-views-partenaires-block-partenaires .views-field-title {
    	font-size: 16px;
    	padding:0px 20px 3px 0;
	}
	.pop_part {
		display:block;
		position:inherit;
    	margin-left:60px;
    	width:auto;
    	background-color:#FFF;
		color:#666;
		box-shadow:none;
	}
	.pop_part p {
		margin:0px 0px 10px 0px;
	}
	#block-views-partenaires-block-partenaires a,
	.lien_para a {
		font-size:14px;
		margin:6px 0px;
	}
	.contenu .block {
   	 	margin:0px;
	}
	.view-display-id-block_adherent .views-view-grid td {
    	padding: 2px 1px;
		font-size:12px;
		border-right:1px dotted #999;
		border-bottom:1px dotted #999;
	}
	#block-views-partenaires-block-adherent {
		margin:-6px;
	}
	.view-laureats .views-field-title,
	.view-laureats .views-field-field-ann-e {
		padding:10px 5px;
	}
	.page-node-31 .carre-or,
	.node-type-laureat .carre-or {
		display:block;
	}
	#main-menu .carre-or a {
		display:table-cell;
		width:54px;
		height:54px;
		background-color:#FFF;
		color:#666;
		vertical-align:middle;
		text-align:center;
	}
	.print_html, .print_mail, .print_pdf {
		margin:0px;
	}
	.petition {
		float:left;
		width:auto;
		margin:0px;
	}
	.petition p {
		color:#FFF;
		display:inline-block;
	}
	.petition h3 {
		display:inline-block;
	}
	.ic_rs {
		position:absolute;
		right:55px;
		bottom:10px;
	}
	.ic_twitter {
		right:14px;
	}
	.region-bottom {
		position:relative;
	}
	
}
@media all and (max-width:442px) {
	.petition {
		width:50%;
		padding-bottom:3px;
	}
}