/* font */

@import url("http://overpass-30e2.kxcdn.com/overpass.css");
@import url('https://fonts.googleapis.com/css?family=Neuton:200,300,400,400i,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Yrsa:300,400,500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=latin-ext');

/*
font-family: 'Yrsa', serif;
font-family: 'Neuton', serif;
font-family: 'Noto Serif', serif;
*/


/** SNPI STYLE **/

.vert_typo {color:#c9dc66;}
.vert_fond {background:#b7d133;}
.vert_typo_clair {color: #edf3cc;}
.vert_typo_sombre {color: #a4c429;}
.vert_fond_clair {background-color: #edf3cc;}
.violet_typo {color: #976598;}
.violet_fond {background: #976598;}
.violet_fond_clair {background: #b693b7;}
.vert_menu {background: #edf3cc}
.original {background: #f4f8e1;}

.annexe {background: #f9fee8;}
.search_fond {background-color: #dbc4a1;}

body {text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {background: #ebf5ec;color: #1d1d1d;}
.body_article {background: url(../images_fonds/14flou.jpg) no-repeat center center;}
.body_article {-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size:  cover;background-attachment: fixed;}
.body_emploi {background: url(../images_fonds/20flou.jpg) no-repeat center center;}
.body_emploi {-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size:  cover;background-attachment: fixed;}
body {font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
.container {background: #fff;}

.container_header {background: #fff;padding-right: 0;padding-left: 0; margin-right: auto;margin-left: auto;}

header {border-bottom: 0px solid #eee;padding-bottom: 0;margin: 0;}
header {background: url(../img/header-6.jpg) no-repeat center top;}
header {height: 230px;width: 100%;}
header h1 {font-weight: 800;font-size: 60px;line-height: 0.5;margin-top: 5px;padding-top: 0;margin-left: 0;}
.snpi_logo {clear: left;display: block;margin-bottom: 10px;}
header small {font-weight: 500;font-size: 40%;line-height: 0.5;margin-left: 5px;}
header h1, header h5 {font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
header h5 {padding-top: 10px;font-weight: 500;}
h4.recherche_website {font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;margin-bottom: 15px;margin-top: 15px;padding-bottom: 15px;line-height: normal;}
.page-header {padding-bottom: 0;border: 0;margin-top: 0;margin-bottom: 0;}
.row_menu {margin-right: auto;margin-left: auto;}
.menu {width: 100%;clear: both;margin-right: 0;margin-top: 175px;margin-left: 0;float: left;}
article {margin-left: 10px;display: block;padding-right: 15px;margin-bottom: 20px;}
section {margin-left: 10px;display: block;padding-right: 15px;margin-bottom: 20px;}


footer {font-weight: 500;}
footer {margin-top:25px;margin-bottom: 0px;min-height: 250px;border-top: 5px solid #cbb2cc;padding-bottom: 5px;padding-top: 0;}
footer .pied {font-family:  'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;font-size: 1.2em;font-weight: 700;letter-spacing: normal;color: #fff;}
.pied a {color: #fff;}
.pied a:hover {color: #976598;text-decoration: none;}
footer ul  {list-style-type: none;margin-left: 0;padding-left: 0;}
footer ul li {list-style-type: none;margin-left: 0;padding-left: 0;}
footer li {list-style-type: none;}
footer li a {color: #1d1d1d;}
footer li a:hover {color: #976598;text-decoration: none;}
.bloc {display: block;padding-top: 15px;padding-bottom: 10px;width: 100%;}
.bloc h2 {padding-top: 0;margin-top: 0;}

h1, h2, h3, h4, h5 {font-family:  'Yrsa', 'Neuton', Georgia, "Times New Roman", Times, serif;letter-spacing: normal;}
h1, h2 {text-transform: uppercase;letter-spacing: -0.5px;}
h2, h3 {font-weight: 600;}
h3, .h3 {font-size: 1.65em;}
li h4, li .h4 {margin-top: 5px;margin-bottom: -15px;padding-top: 0;padding-bottom: 0;font: 1.5em/20px 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;float: left;}
h6 {font-size: 1em;}
h1 small {text-transform: none;}
h3 small {color: #1d1d1d;font-weight: bold;margin-top: 0;padding-top: 0;}
.annexe_title {color: #1d1d1d;margin-top: 0;padding-top: 10px;text-transform: uppercase;font: bold 1.4em 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
.date_actus {font-weight: 700;float: left;margin-right: 5px;}

h3.une, .h3.une {font-size: 2em;font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;text-transform: uppercase;margin-top: 14px;margin-left: 10px;margin-bottom: 14px;}

h1.une, .h1.une {text-transform: uppercase;margin-top: 18px;margin-left: 10px;margin-bottom: 16px;}

a {color: #a478a5;text-decoration: none;letter-spacing: normal;}
a:hover,
a:focus {color:  #976598;text-decoration: underline;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

.chapo p {font-family: 'Yrsa', 'Neuton', Georgia, "Times New Roman", Times, serif;color: #976598;font-size: 1.35em;line-height: 1.2em;margin-bottom: 25px;}
p {font-size: 1.1em;line-height: 1.3em;font-weight: 300;}
article p {font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
article p {font-size: 1.1em;line-height: 1.4em;font-weight: 400;text-align: justify;margin-bottom: 10px;margin-top: 20px;}

article p i, article p em {font-style: italic;color: #1d1d1d;}
article p b, article p strong {color: #1d1d1d;}

article p a {color: #976598;text-decoration: underline;}
article p a:hover,
article p a:focus {color: #23527c;text-decoration: underline;}
article p a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
article p > ol.spip {margin-top: 0;}

section p {font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
section p {font-size: 1.1em;line-height: 1.4em;font-weight: 400;text-align: justify;}
section b, section strong, article strong, article b {font-weight: 600;}

section h2 {text-transform: none;font-size: 1.35em;margin-top: 10px;}

.sommaire  {color: #976598;text-decoration: none;text-align: justify;}
.sommaire a:link {color: #976598;text-decoration: none;}
.sommaire a:visited {color: #976598;text-decoration: none;}
.sommaire a:hover {color: #23527c;text-decoration: none;}

section .btn  {
  display: inline-block;
  padding: 0 12px 0 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px;margin-top: -2px;}

.suite {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;margin-top: 0;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
   
.suite:before {content: "\f055";letter-spacing: 3px;font-family: FontAwesome;}
a.suite {color: #976598;}
.suite:hover {color: #1d1d1d;text-decoration: none;}

footer h2 {font-size: 1.1em;line-height: 1.4em;}
blockquote p {font-size: 90%;font-weight: 200;color:#976598;margin-top: 0;margin-bottom: 0;}
.spip_code {margin-bottom: 25px;}

.navbar-brand {font-size: 14px;}
.navbar {border-radius:0;border: none;}

.navbar-default .navbar-nav > li > a {color: #1d1d1d;border-bottom: 3px solid transparent;}
.navbar-default .navbar-nav > li > a:hover {color: #976598;border-bottom: 3px solid #976598;}
/*.navbar-default .navbar-nav > li > a {color: #1d1d1d;}
.navbar-default .navbar-nav > li > a:hover {color: #976598;}*/
.navbar-default .navbar-nav > li.dropdown > a:hover {color: #976598;border-bottom: 3px solid transparent;}

.barre {background: #edf3cc url(../img/underline.png) no-repeat center;}
.barre a:link {background: #edf3cc url(../img/underline.png) no-repeat center;}
.barre a:visited {background: #edf3cc url(../img/underline.png) no-repeat center;}
.barre a:focus {background: #edf3cc url(../img/underline.png) no-repeat center;}
.barre a:hover {background: #edf3cc url(../img/underline.png) no-repeat center;}
.barre a:active {background: #edf3cc url(../img/underline.png) no-repeat center;}

/*.dropdown:hover .dropdown-menu {
display: block;
}*/

.col-md-3 {float: left;}
.col-md-3 ul {margin-left: 0;padding-left: 0;font-size: 13px;}
.col-md-3 ul li, .col-md-3 li {padding-left: 0;margin-left: 0;list-style-type: none;margin-bottom: 10px;}

.col-md-2 {margin-left: -5px;margin-right: 5px;}
.col-md-2 ul {margin-left: 0;padding-left: 0;font-size: 12px;}
.col-md-2 ul li, .col-md-2 li {padding-left: 0;margin-left: 0;list-style-type: none;margin-bottom: 10px;}

.col-snpi-4 ul {margin-left: 0;padding-left: 0;}
.col-snpi-4 ul li, .col-snpi-4 li {padding-left: 0;margin-left: 0;list-style-type: none;margin-bottom: 5px;}

.col-md-6 ul {margin-left: 0;padding-left: 0;}
.col-md-6 ul li, .col-md-6 li {padding-left: 0;margin-left: 0;list-style-type: none;margin-bottom: 5px;}

.col-snpi-2, .col-snpi-3 {min-height: 1px;padding-right: 15px;padding-left: 15px;position: relative;}
.col-snpi-2, .col-snpi-3 {width: 20.8%;}
.col-snpi-2 ul {margin-left: 0;padding-left: 0;font-size: 13px;}
.col-snpi-2 ul li, .col-md-2 li {padding-left: 0;margin-left: 0;list-style-type: none;margin-bottom: 10px;}


.col-snpi-9, .col-snpi-7 {float: left;}
.col-snpi-9, .col-snpi-7 {min-height: 1px;padding-right: 15px;padding-left: 15px;position: relative;}
.col-snpi-9 {width: 79.15%;}
.col-snpi-7 {width: 56%;}

.col-snpi-4 {width: 50%;}
.col-snpi-4 { position: relative;min-height: 1px;padding-right: 15px;padding-left: 0;}

.col-md-6 {padding-right: 15px;padding-left: 5px;}
.col-md-9-snpi {width: 75%;float: left;display: block;margin-left: 0;padding-left: 0;}

.col-actu {float: left;min-height: 190px;position: relative;display: block;clear: none;padding-bottom: 5px;padding-top: 20px;margin-top: 15px;margin-bottom: 10px;}
.col-actu li {font-size: 100%;line-height: 110%;}
.col-actu h2 {margin-top: 0;font-size: 1.5em;}
.col-actu h2 a {color: #1d1d1d;}
.col-actu p {margin-bottom: 0;padding-bottom: 0;}
.col-actu:nth-child(2n+2) {border-left: 2px solid #d3e383;padding-left: 15px;}

.box_actus {border-bottom: 3px solid #d3e383;background-color: rgba(237,243,204,0.5);margin-bottom: 20px;padding: 3px 10px 10px;}

.col-rub-2 {float: left;min-height: 190px;position: relative;display: block;clear: none;padding-bottom: 5px;padding-top: 20px;margin-top: 15px;margin-bottom: 10px;}
.col-rub-2 li {font-size: 100%;line-height: 110%;}
.col-rub-2 h2 {margin-top: 0;font-size: 1.5em;}
.col-rub-2 h2 a {color: #1d1d1d;}
.col-rub-2 p {margin-bottom: 0;padding-bottom: 0;}
.col-rub-2:nth-child(2n+1) {border-left: 2px solid #d3e383;padding-left: 15px;}

.box_actus_next {background-color: rgba(183,209,51,0.65);margin-bottom: 20px;padding: 5px 10px;}
.box_actus_next h2 {font-size: 1.12em;margin-top: 7px;margin-bottom: 7px;color: #1d1d1d;font-weight: 400;letter-spacing: normal;}
.box_actus_next h2 a:link{color: #23527c;text-decoration: none;}
.box_actus_next h2 a:visited{color: #23527c;text-decoration: none;}
.box_actus_next h2 a:hover{color: #1d1d1d;text-decoration: none;}

.col-annexe {width: 42%;float: left;margin-left: 0%;}
.col-annexe_2 {width: 47%;float: left;margin-left: 3%;}


/*.col_rub {position: relative;display: block;clear: left;/padding-top: 10px;margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	float: left;
}
.col_rub ul {margin-left: 0;padding-left: 0;font-size: 14px;}
.col_rub ul li, .col-rub li {padding-left: 0;margin-left: 0;list-style-type: none;margin-bottom: 10px;}
.col_rub li {font-size: 100%;line-height: 110%;}
.col_rub h2 {margin-top: 0;font-size: 1.4em;}
.col_rub h2 a {color: #1d1d1d;text-decoration: none;}
.col_rub h2 a:hover {color: #a6c601;text-decoration: none;}
.col_rub p {margin-bottom: 0;padding-bottom: 0;}*/

.col-rub {float: left;min-height: 180px;position: relative;display: block;clear: none;padding-bottom: 5px;padding-top: 20px;margin-top: 15px;margin-bottom: 25px;}
.col-rub li {font-size: 100%;line-height: 110%;}
.col-rub h2 {margin-top: 0;}
.col-rub p {margin-bottom: 0;padding-bottom: 0;}
.col-rub:nth-child(2n+2) {border-left: 2px solid #d3e383;padding-left: 15px;}

.bloc_rubrique_article {margin-bottom: 25px;float: left;height: auto;width: 100%;margin-top: 0;}
.bloc_rubrique_article h3 {font-size: 1.55em;margin-bottom: 0;padding-bottom: 0;letter-spacing: -1px;}
.bloc_rubrique_article p a {color: #1d1d1d;text-decoration: none;}
.bloc_rubrique_article p a:hover,
.bloc_rubrique_article p a:focus {color: #23527c;text-decoration: none;}

.bloc_rubrique_article_mot {margin-bottom: 0;float: none;height: auto;width: 100%;margin-top: 0;padding-bottom: 15px;border-bottom: 3px solid #d3e383;clear: both;display: block;padding-top: 20px;}
.bloc_rubrique_article_mot h3 {font-size: 1.55em;margin-bottom: 0;padding-bottom: 0;letter-spacing: -1px;padding-top: 5px;}
.bloc_rubrique_article_mot p a {color: #1d1d1d;text-decoration: none;}
.bloc_rubrique_article_mot p a:hover,
.bloc_rubrique_article_mot p a:focus {color: #23527c;text-decoration: none;}

.bloc_rubrique_mot:nth-of-type(1) {margin-bottom: 35px;border-top: 0px solid #d3e383;}
.bloc_rubrique_mot {margin-bottom: 35px;border-top: 2px solid #d3e383;padding-top: 15px;}
.bloc_rubrique_mot h2 {font-size: 1.55em;margin-bottom: 0;padding-bottom: 0;letter-spacing: -1px;font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
.bloc_rubrique_mot h3 {font-size: 1.4em;margin-bottom: 0;padding-bottom: 0;letter-spacing: -1px;padding-top: 5px;margin-top: 10px;font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
.bloc_rubrique_mot h3 a {color: #b18cb2;}
.bloc_rubrique_mot p a {color: #1d1d1d;text-decoration: none;}
.bloc_rubrique_mot p a:hover,
.bloc_rubrique_mot p a:focus {color: #23527c;text-decoration: none;}
.date_mot {font-weight: 700;clear: left;margin-top: 2px;padding-top: 0;margin-bottom: 5px;font-size: 1.1em;}

.date_article {font-weight: 700;clear: left;margin-top: 5px;padding-top: 0;margin-bottom: 5px;font-size: 1.15em;}

.bloc_rubrique_recherche h2 {font-size: 1.55em;margin-bottom: 20px;padding-bottom: 0;letter-spacing: -1px;font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
.bloc_rubrique_recherche h3 {font-size: 1.4em;margin-bottom: 0;padding-bottom: 0;letter-spacing: normal;padding-top: 5px;margin-top: 10px;font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}

.pagination {font-size: 1.3em;}

.emploi iframe {min-height: 900px !important;width: 100%;max-width: 625px;margin-top: 15px;display: block;margin-right: auto;margin-left: auto;}

.puce {margin-top: -2px;}

.push-top {margin-top: 25px;}
.push-top-big {margin-top: 95px;}
.push-top-small {margin-top: 17px;}
.push-top-rub {margin-top: 17px;}
.push-bottom {margin-bottom: 20px;padding-bottom: 20px;}
.push-bottom-small {margin-bottom: 10px;padding-bottom: 10px;padding-left: 8px;margin-left: 0;}
.borderline {border: 0;border-top: 3px solid #d3e383;clear: both; height: 10px;padding: 5px;width: 97%;display: block;text-align: center;margin: 40px auto 10px;position: relative;}
  

.right {float: right !important;margin-right: 100px;margin-top: -5px;}

/* Collapse */
.panel-title, .panel-body  {font-size: 90%;}
.panel-body {padding: 10px 15px;}
.panel-title {font-weight: 600;text-transform: uppercase;}

.panel-default > .panel-heading {color: #1d1d1d;background-color: #edf3cc;border-color: #b7d133;}
.panel-heading {border-bottom: 1px solid #b7d133;border-top-left-radius: 0;border-top-right-radius: 0;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #b7d133;
-webkit-box-shadow: none;box-shadow: none;}
.panel-group .panel { margin-bottom: 0;border-radius: 0;}
.panel-footer {background-color: #f5f5f5;border-top: 1px solid lime;}

/* Reseaux */
.dialogue {margin: 0 0 20px;padding: 0 0 20px;display: block;border-bottom: 5px solid #b7d133;}
.dialogue h3 {font-size: 97%;font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;margin-top: 0px;}
.reseaux {padding-top: 15px;padding-bottom: 15px;clear: both;border-top: 3px solid #b693b7;}
.partager {margin-bottom: 10px;font-weight: 600;font-size: 1.1em;line-height: 1em;}
.like {margin-top: 10px;margin-bottom: 10px;float: right;margin-right: -5px;}
.like iframe {margin-top: 0px;}

h3.dossier {font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;}
h3.dossier a {text-decoration: none;color:#a4c429;}
h3.dossier a:hover {text-decoration: none;color: #976598;}

footer .col-md-12 {padding-right: 0;padding-left: 0;}
footer .col-md-4 {max-height: 100% !important;height: 250px;margin-bottom: 0;padding-bottom: 0;}
.footer_reseaux {padding-top: 0px;padding-bottom: 10px;}
.footer_reseaux li {padding-bottom: 10px;}
.footer_nav  li{margin-bottom: 15px;}
.fa:hover {opacity: 0.5;}
/* Documents */
.documents_joints {padding-top: 13px;padding-bottom: 10px;clear: both;border-top: 3px solid #b693b7;}
.joints {margin-bottom: 5px;font-weight: 600;font-size: 1.1em;line-height: 1em;}


/* media */
.block_image {width: 100%;max-height: 400px;overflow: hidden;display: inline-block;}
.illustration {display: block;width: auto;max-width: 100% ;height: auto;margin-bottom: 10px;}
.image_responsive_une {height: auto !important;width: 100%;max-width: auto;margin-bottom: 15px;}
.illustration_une {display: block;max-width: 100% ;max-height:150px;overflow: hidden;margin-bottom: 15px;}
.illustration_une img {min-width: 480px;width: 100% !important;display: block;height: auto !important;margin-bottom: 15px;}
.rubon {display: block;width: auto;max-width: 100% !important;height: auto;}
.video {display: block;width: auto;max-width: 100% !important;height: auto;margin-bottom: 10px;}
#visuel {width: 265px;height: 170px;margin-right: 15px;float: left;padding: 0;margin-bottom: 10px;margin-top: 15px;overflow: hidden;background-color:#cbb2cc;}
#visuel img {min-width: 265px !important;display: block;height: auto !important;}
article iframe {margin-top: 15px;}
.box_actus iframe {height: 315px;}
.texte_article {padding: 0 0 25px;margin: 0 0 10px;}

.texte {margin: 0 0 10px 5px;padding: 5px 0 5px 15px;}
.texte p {line-height: normal;}
.texte ul li {list-style: none;}

ul.spip {margin-right: 7%;margin-left: 2%;} 

/*article p iframe { display: block;max-width: 100% !important;height: 360px;margin-bottom: 20px;margin-top: 10px;}*/


/* Menu */
.nav > li > a {padding-left: 8px;padding-right: 8px;}
.navbar-nav {text-transform: uppercase;font-weight: 500;}
.navbar-toggle {position: relative;float: none;padding: 9px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 0px;margin: 8px 0;left: 46%;}


.navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {display: block;width: 25px;height: 3px;border-radius: 0px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}

.navbar-default .navbar-toggle {border-color: #976598;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #f4f8e1;border-color: #f4f8e1;}
.navbar-default .navbar-toggle .icon-bar {background-color: #976598;}

/* Hierarchie */
#news {display: block;}
.breadcrumb_actu {padding: 8px 15px;margin-bottom: 20px;list-style: none;border-radius: 0;font-size: 100%;min-height: 70px;}
.breadcrumb_actu h4 {
	font-family: 'overpass', Futura, "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0;
	padding-bottom: 0;font-size: 1.6em;color: #a478a5;margin-top: 3px;}
.breadcrumb_actu strong {font-weight: 600;}
.breadcrumb_actu > li {display: inline-block;position: absolute;margin-top: 0;padding-top: 0;margin-left: 0;padding-left: 0;float: left;padding-right: 10px;}

.breadcrumb_actu > .active { color: #777;}

.breadcrumb {padding: 8px 15px;margin-bottom: 20px;list-style: none;border-radius: 0;font-size: 80%;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.breadcrumb > .active { color: #777;}


/* Search */
.navbar-form {margin-top: 0px;margin-bottom: 20px;border-bottom: 5px solid #d3e383;padding-bottom: 15px;padding-right: 0;padding-left: 0;}
.form-control {height: 28px;border: 1px solid #d3e383;}
.btn {height: 28px;padding: 3px 8px;}
.btn-default {border: 1px solid #d3e383;}

@media (min-width: 1200px) {
.container, .container_header {width: 1170px;}
}

@media (min-width: 1025px) {
.navbar .navbar-collapse {font-size: 103.5%;}
}

@media (max-width: 1024px) {
.container_header {width: 970px;font-size: 94.5%;}
.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;}
.navbar .navbar-collapse {text-align: center;font-size: 94%;}
.navbar-default .navbar-nav > li > a {padding-right: 6px;padding-left: 6px;}
}

@media (min-width: 769px) {
.navbar .navbar-nav {display: inline-block;vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
}


@media (min-width: 1025px) {
h4.recherche_website {font-size: 1.3em;}
.navbar-form {padding-left: 0;padding-top: 0;width: 100%;margin-right: 0;padding-right: 0;}
.form-control {width: auto;width: 100% !important;margin-right: 5px;}
.search {margin-left: auto;margin-right: 0;float: right;}
}

@media (max-width: 1024px) {
header {height: 170px;background: url(../img/header-6.jpg) no-repeat center top;-moz-background-size: auto;-o-background-size: auto;-webkit-background-size: auto;background-size:  100%;}
.menu {margin-top: 140px;}
h4.recherche_website {font-size: 1.3em;}
.navbar-form {padding-left: 0;padding-top: 0;margin-top: 5px;width: 100%;margin-right: auto;padding-right: 0;margin-left: 0;}
.form-control {width: auto;width: 100% !important;margin-right: 5px;}
.search {margin-left: auto;margin-right: 0;float: left;}
article {margin-left: 0px;}
.navbar-brand {font-size: 12px;}
.navbar-default .navbar-nav > li > a {color: #000;border-bottom: 3px solid transparent;padding-right: 5px;padding-left: 5px;}
.navbar-default .navbar-nav > li > a:hover {border-bottom: 3px solid transparent;}
.texte h3 {font-size: large;}
.texte {padding: 5px 0;margin: 0 auto 10px;}
.texte p {font-size: 97%;}

.like {margin-top: 10px;margin-bottom: 10px;float: none;margin-right: 0;}
.like iframe {width: 100%!important;}
footer .col-md-4 {height: auto;}
}


@media (min-width: 992px) {
.col-snpi-2, .col-snpi-3, .col-snpi-4 { float: left;}
}

@media (max-width: 768px) {
.navbar .navbar-collapse {text-align: center;font-size: 100%;}
.navbar-toggle {position: relative;float: none;padding: 9px 10px;background-color: transparent;background-image: none; border: 1px solid transparent;border-radius: 0px;margin: 8px 0;left: 47%;visibility: visible;}
navbar-nav li {text-align: center;}
header {height: 200px;background: url(../img/header-6-640.jpg) no-repeat center top;-moz-background-size: auto;-o-background-size: auto;-webkit-background-size: auto;background-size:  auto;padding: 0;margin-top: -10px;}
.menu {margin-top: 180px;}
article {margin-left: 10px;display: block;padding-right: 0;margin-bottom: 20px;margin-right: 5px;margin-left: 5px;}
section {margin-left: 5px;display: block;padding-right: 0;margin-bottom: 20px;margin-right: 5px;}	
.container, .container_header,  .col-snpi-2,.col-snpi-3, .col-snpi-4, .col-snpi-9, .col-md-9-snpi  {width:100%;clear: left;float: left;}  
.col-rub, .col-md-6, .col-md-3, .col-md-2 {float: left;width: 100%;clear: left;display: block;}
.push-top-big {margin-top: 0;}
.texte {padding: 10px 0 5px;margin: 0 auto 10px;}
.texte p {font-size: 97%;}
.texte h3 {font-size: large;}
.col-md-2 {margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;}
}

@media (max-width: 640px) {
header {background: url(../img/header-6-320.jpg) no-repeat center center;-moz-background-size: auto;-o-background-size: auto;-webkit-background-size: auto;background-size:  auto;
	height: 200px;
}
.navbar-toggle {left: 46%;}
.breadcrumb_actu {min-height: 90px;}
#visuel {clear: both;width: 640px;max-width: 100%;}
#visuel img {width: 100%;}
.texte {padding: 10px 0 5px;margin: 0 auto 10px;}
}
@media (max-width: 480px) {
.navbar-toggle {left: 45%;}.breadcrumb_actu {min-height: 100px;padding: 5px 10px;}
.breadcrumb {padding: 5px 10px;}.breadcrumb > li + li:before {padding: 0 2px 0 3px;}}
@media (max-width: 320px) {header {height: 207px;background: url(../img/header-6-little.jpg) no-repeat center top;-moz-background-size: auto;-o-background-size: auto;-webkit-background-size: auto;background-size:  auto;}.navbar-toggle {left: 42.5%;}}