/*
Theme Name: Embassy of France - Responsive design
Author: SDG / PN
*/


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< TAKING OVER BOOTSTRAP.MIN.CSS's COLORS */

a {
	color:#3e67a4;
}
.text-primary {
	color:#3e67a4
}
a.text-primary:hover {
	color:#34568a
}
.bg-primary {
	background-color:#3e67a4
}
.btn-primary {
	background-color:#3e67a4;
	border-color:#395e96
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color:#3e67a4;
	border-color:#395e96
}
.btn-primary .badge {
	color:#3e67a4;
}
.btn-link {
	color:#3e67a4;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color:#3e67a4;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	border-color:#3e67a4
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color:#3e67a4
}
.pagination>li>a, .pagination>li>span {
	color:#3e67a4;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color:#3e67a4;
	border-color:#3e67a4
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color:#3e67a4;
	border-color:#3e67a4
}
.label-primary {
	background-color:#3e67a4
}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
	color:#3e67a4;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color:#3e67a4
}
.progress-bar {
	background-color:#3e67a4;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color:#3e67a4;
	border-color:#3e67a4
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color:#3e67a4;
	border-color:#3e67a4
}
.panel-primary {
	border-color:#3e67a4
}
.panel-primary>.panel-heading {
	background-color:#3e67a4;
	border-color:#3e67a4
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#3e67a4
}
.panel-primary>.panel-heading .badge {
	color:#3e67a4;
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#3e67a4
}
a.bg-primary:hover {
	background-color:#34568a
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background-color:#34568a;
	border-color:#2c4873
}
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color:#34568a
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #3e67a4;
  color: #ccc;
}

address {
  padding-right: 5px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TAKING OVER BOOTSTRAP.MIN.CSS's COLORS (END) */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ALL WIDTHS RULES */

body {
	/*padding-top: 70px;*/
	background-color: #eee;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

/* to avoid dotted line around selection everywhere */
a:hover, a:active, a:focus {
  outline:0;
}

/* Changement de couleur du highlighted/selected text */
::selection {
  background: #d2d2d2; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #d2d2d2; /* Gecko Browsers */
}
/* OVERRIDE SPIP */
h3.spip {
    text-align: left !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER */

#header {
	position: relative;
	height:130px;
	background-color: #fff;
}
#header h1, #header h2, #header p.title {
	text-align:center;
	color:#47464d;
	text-transform: none;
}
#header p.subtitle {
	text-align:center;
	color:#888;
	text-transform: uppercase;
}
#header h1, #header p.title{
	font: 400 34px/20px 'Roboto', sans-serif;
	margin-bottom:7px;
	margin-top:10px;
	letter-spacing: 0.02em;
}
#header h2, #header p.subtitle{
	font: 300 18px/16px 'Roboto', sans-serif;
	margin-top:0;
	letter-spacing: 0.05em;
}
#logo_embassy {
	width:148px;
	height:50px;
	margin-top:4px;
	-webkit-box-shadow: 0px 8px 3px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 8px 3px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 8px 3px 3px rgba(0,0,0,0.25);
}
.quick-access {
	position:absolute;
	top:30px;
	right:0;
	font: 400 12px/16px 'Roboto', sans-serif;
}
.quick-access ul{
	list-style-type:none;
}
.quick-access ul li.lang {
    padding-bottom: 17px;
}
.quick-access ul li span {
    background-image: url('../images/sprite_embassy.png');
	background-position: -26px -183px;
	background-repeat: no-repeat;
    padding-left: 17px;
}
.connect-icons {
	position:absolute;
	top:89px;
	left:0;
}
.connect-icons ul {
	list-style-type:none;
	display:inline-block;
}
.connect-icons ul li {
	display:inline-block;
	float:left;
	margin: 0 2px;
}
.connect-icons ul li a {
	width: 40px;
    height: 40px;
    border-radius: 40px;
	display:block;
	transition: all 0.05s ease 0s;
	background: #3e67a4;
}
.connect-icons ul li a.rss {
	background: #f88b1f;
}
.connect-icons ul li a:hover {
    background: #eee;
}
.connect-icons ul li a span {
    display: block;
    position: relative;
    margin: 0px auto;
    text-align: center;
    text-indent: -999em;
}
.connect-icons ul li a.facebook span {
	top: 12px;
	left:16px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -1px -34px;
	background-repeat: no-repeat;
}
.connect-icons ul li a.twitter span {
	top: 13px;
	left:12px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -2px -134px;
	background-repeat: no-repeat;
}
.connect-icons ul li a.youtube span {
	top: 10px;
	left:12px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -1px -1px;
	background-repeat: no-repeat;
}
.connect-icons ul li a.flickr span {
	top: 11px;
	left:9px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -0px -82px;
	background-repeat: no-repeat;
}
.connect-icons ul li a.instagram span {
	top: 10px;
	left:10px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -0px -108px;
	background-repeat: no-repeat;
}
.connect-icons ul li a.rss span {
	top: 10px;
	left:10px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -0px -56px;
	background-repeat: no-repeat;
}
.connect-icons ul li a.facebook span:hover {
	background-position: -50px -35px;
}
.connect-icons ul li a.twitter span:hover {
	background-position: -55px -137px;
}
.connect-icons ul li a.youtube span:hover {
	background-position: -52px -1px;
}
.connect-icons ul li a.flickr span:hover {
	background-position: -51px -82px;
}
.connect-icons ul li a.instagram span:hover {
	background-position: -51px -108px;
}
.connect-icons ul li a.rss span:hover {
	background-position: -51px -56px;
}
.titlebreaker {
	display:none;
}
/* faire disparaitre drapeaux language switcher */
#language_switcher_short {display:none;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER (END) */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR */

#nav.container-fluid {
	padding-left:0;
	padding-right:0;
}
#navbar, #nav {
	z-index :5;
	background-color: #49484f;
}
#navbar{
	border-top: 1px solid #49484f;
	border-bottom: 1px solid #49484f;
	border-radius:0;
	margin-bottom: 0;
}
#nav.affix {
	/*position: fixed;*/
	top: 0;
	width: 100%;
}

.navbar-nav > li > a {
  padding-bottom: 9px !important;
  padding-top: 11px !important;
}
.navbar {
  min-height: 40px !important;
}

#navbar ul {
	padding: 0;
}
#navbar ul li ul li {
	border-bottom: 1px solid #eee;
}
#navbar ul li a {
   	font-family: "Raleway",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	color: #ccc;
}
#navbar ul li ul li a {
   	font-family: "Raleway",sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding-bottom: 8px;
	padding-top: 8px;
	text-transform: none;
	color: #82808c;
	/* espace à droitre des items des sous menus */
	padding-right: 13px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #3e67a4 !important;
    color: #fff !important;
	font-weight:500 !important;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
	font-weight:400 !important;background-color: #8cbaff !important;color: #fff !important;
}
#tourism > a {
	font-weight:700 !important;background-color: #fff !important;color: #779ed9 !important;
}
#tourism > a:hover, #tourism > a:focus {
	font-weight:700 !important;background-color: #8cbaff !important;color: #fff !important;
}
#press-lg > a {
	font-weight:400 !important;background-color: #fff !important;color: #82808c !important;
}
#press-lg > a:hover, #press-lg > a:focus {
	font-weight:400 !important;background-color: #8cbaff !important;color: #fff !important;
}
.caret {
    margin-left: 5px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 38%;
    margin-top: 10px;
    margin-left: -1px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.minilogo {
	position:absolute;
	left:15px;
	padding-top:5px;
}
.navbar-brand {
	padding-top:5px;
	height: 40px;
}
.minilogo img, .navbar-brand img{
	height:30px;
	width:89px;
}
#nav .minilogo, #nav .navbar-brand {
	display: none;
}
#nav.affix .minilogo, #nav.affix .navbar-brand {
	display: inline;
}
.search {
	position:absolute;
	right:40px;
}
#custom-search-input {
	margin:0;
	margin-top: 8px;
	padding: 0;
}
#custom-search-input .search-query {
	height: 25px;
	margin-bottom: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size:11px;
}
#custom-search-input .input-group-btn {
	display:block !important;
}
#custom-search-input button {
	z-index: 4;
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#a60505;
}
.search-query:focus + button {
	z-index: 3;   
}
.scrollable-menu {
    /*fix partiel du probleme de scroll de menu en mode mobile. Sans ca, on ne voit pas les derniers menus. Lie au header fixe.*/
	height: auto;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;

}

/* ======== LE BOUTON MENU COLLAPSE */

.cmn-toggle-switch {
  -moz-appearance: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 0 rgba(220, 220, 220, 1);
  cursor: pointer;
  display: block;
  float: left;
  font-size: 0;
  height: 33px;
  margin: 3px 0 3px 23px;
  overflow: hidden;
  padding: 9px 10px;
  position: relative;
  text-indent: -9999px;
  transition: background 0.3s ease 0s;
  width: 40px;
}
.cmn-toggle-switch:focus {
  outline: none;
}
.cmn-toggle-switch span {
  background: none repeat scroll 0 0 #888;
  display: block;
  height: 2px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 15px;
}
.cmn-toggle-switch.active span,
.cmn-toggle-switch.active span:before,
.cmn-toggle-switch.active span:after {
  background: #fff;
}
.cmn-toggle-switch span:before,
.cmn-toggle-switch span:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #888;
  content: "";
}

.cmn-toggle-switch span:before {
  top: -7px;
}

.cmn-toggle-switch span:after {
  bottom: -7px;
}

.cmn-toggle-switch__rot {
  background-color: #fff;
}

.cmn-toggle-switch__rot span {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__rot.active {
  background-color: #548bde;
  box-shadow: none;
}

.cmn-toggle-switch__rot.active span {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (min-width: 768px) {
.cmn-toggle-switch {
  visibility:hidden
}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR (END) */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT HOME */

#content {
	background-color: #eee;
	margin-top: 20px
}

/*
.row {
	margin-bottom :25px;
}
*/

.focus-desc {
	background-color: #3e67a4;
	padding: 12px 10px 3px 10px;
	max-width: 440px;
}
.focus-desc a{
	color: #fffefe;
	font-weight: 700;
}
h3{
	text-transform:uppercase;
	color:#3e67a4;
	text-align:center;
	font: 600 18px/26px 'Raleway', sans-serif;
	border-bottom: 1px solid #c1c1c1;
	margin-top:-18px;
	letter-spacing: 0.05em;
}
.home h3, .sidebar h3 {
	text-transform:uppercase;
	color:#3e67a4;
	text-align:center;
	font: 600 17px/23px 'Raleway', sans-serif;
	border-bottom: 1px solid #c1c1c1;
	margin-top:-18px;
	letter-spacing: 1px;
}
h3 span {
	padding-left: 12px;
    padding-right: 12px;
    position: relative;
    top: 13px;
	margin-top: -20px;
	background-color: #eee;
}
.shadow {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(193,193,193,1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(193,193,193,1);
	box-shadow: 3px 3px 5px 0px rgba(193,193,193,1);
}
.shortcut-links, .fblikefaces {
	background-color: #fff;
	margin-top:20px;
	padding:15px;
	padding-bottom:8px;
	/*border:1px solid #eee;*/
}

.shortcut-links ul li a {
  font: 400 14px/18px "Raleway",Helvetica,Arial,sans-serif;
}

.shortcut-links ul{
	list-style-type:none;
	padding-left:0;
	margin-bottom: 0px;
}
.shortcut-links li {
	border-bottom: 1px solid #eee;
	padding:5px;
	padding: 11px 8px;
}
.shortcut-links li:last-child {
	border-bottom: none;
	padding-bottom: 5px;
}
.shortcut-links li:first-child {
	padding-top: 1px;
}
.shortcut-links li span, .bluearrow {
    background-image: url("../images/sprite_embassy.png");
    background-position: -8px -161px;
    background-repeat: no-repeat;
    padding-left: 17px;
}
.bluearrowdown {
    background-image: url("../images/sprite_embassy.png");
    background-position: -9px -168px;
    background-repeat: no-repeat;
    padding-left: 16px;
}
.shortcut-links li  a, .attheembassy-desc a{
	color:#464e54;
}
.hottopics, .attheembassy{
	padding: 0 15px 0 15px;
}
.hotcontent1, .hotcontent2, .embassycontent1, .embassycontent2, .embassycontent3, .link1, .link2, .link3, .link4 {
	margin-top: 10px;
	padding:0;
}
.hotcontent1 img, .hotcontent2 img, .embassycontent1 img , .embassycontent2 img , .embassycontent3 img, .link1 img, .link2 img, .link3 img, .link4 img {
	width: 100%;
}
.attheembassy-desc {
	margin-top:0;
	padding-top: 10px !important;
	height: 60px !important;
	overflow: hidden;
}
.attheembassy-desc  p{
	font: 600 14px/21px "Raleway",sans-serif;
	margin-bottom:0;
}
p.brief-date {
	font-weight:bold;
}
.d-briefing a.dlink {
	text-decoration:none;
	color:#464e54;
}
.read-brief {
	text-align: right;
	font-weight: bold;
	display:block;
	padding-top:10px;
}
.read-brief a{
	color:#64645a;
}
.fblikefaces {
	background-color: #fff;
	padding:0;
	height: auto;
}
.contactbox {
	margin-bottom: 25px;
}
.fblike, .bannerbox {
	margin-bottom: 12px;
}
/*Pour rendre twitter plus large que les 520px standards ou l'empecher de depasser dans les marges...*/
iframe[id^='twitter-widget-']{ width:99.9% !important;}
.contact-text{
	float:left;
}
.contactinfo {
	height:auto;
	overflow: hidden;
}
.contact-icon {
	padding-left: 182px;
    padding-bottom: 22px;
}
.map-icon {
	display:block;
	width: 93px;
	height: 75px;
	margin-left:50%;
}
.subcribebox h3{
	color:#c60800;
}
.subcribebox {
	margin-top:0px;
}
.subcribebox .btn{
	float:right;
	margin-top:10px;
}
.subcribebox, .contactbox, .bannerbox, .d-briefing {
	color:#464e54;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT HOME (END) */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx DIAPORAMA AND EMBASSY TV */

.TV-VIDEO, .TV-CAPTION {
	padding:0;
}
#photocarousel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#textcarousel  {
	background-color:#3e67a4;
	color:#fffefe;
}
.embassytv-desc  {
	height:auto;
	background-color:#3e67a4;
	color:#fffefe;
}
#textcarousel a, #textcarousel .more-news a, .embassytv-desc  .more-videos a, .more-focus a {
	color:#fffefe;
}

#textcarousel p.title, .embassytv-desc p.tv-title{
	font: 500 18px/23px 'Raleway', sans-serif;
	padding-top: 10px;
	padding-bottom:0;
	text-transform: uppercase;
	text-align:left;
}
#textcarousel .desc, .embassytv-desc p.tv-desc{
	font: 300 14px/22px 'Roboto', sans-serif;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align:left;
}
.embassytv-desc p.tv-desc{
	margin-bottom: 0;
}

#textcarousel .more-news, .embassytv-desc .more-videos, .more-focus, .plus-actu {
	font: 500 14px/15px 'Raleway', sans-serif;
	text-transform: uppercase;
	background-color:#c60800;
	padding: 5px 9px;
	position: absolute;
	bottom:0;
	right:0;
	border-radius: 4px 0 0;
}

.embassytv-desc {
	position:relative;
}
.embassytv-desc {
	padding-left: 10px;
    padding-right: 10px;
}
.slideshow .control.play {
    background-position: 0 -1250px;
}
.slideshow .control {
    display: block;
}
.slideshow .control {
    background: url("../images/sprite_embassy.png") no-repeat scroll -270px -82px rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 0;
    text-indent: -9999px;
    bottom: 0;
    width: 30px;
}
.slideshow .control.play {
    background-position: -270px -50px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx DIAPORAMA AND EMBASSY TV (END) */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FOOTER */

#footer {
	background-color:#323136;
}
#footer.art {
	margin-top: 20px;
}
#footer h4 {
	color:#ffffff;
	font: 500 16px/16px 'Raleway', sans-serif;
	text-transform:uppercase;
	border-bottom: 1px solid #fffefe;
	padding-bottom:10px;
	padding-top:5px;
}
#footer ul {
	padding-left:10px;
	padding-right:19px;
	list-style: outside none none;
	float:left;
}
#footer ul.inline li{
	float:left;
	padding-right:60px;
}
#footer a {
	text-decoration:none;
	color:#fffefe;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .connect-icons {
	padding: 50px 0 0 145px !important;
    position: static !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FOOTER (END) */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE */

#article-content {
	background-color:#ffffff;
	margin-bottom:25px;
	padding:15px 25px;
}
#article-content p {
	padding:0 0 5px 0;
}
.breadcrumb {
	background-color:#ffffff;
	border:none;
	padding:0;
	font-size: 12px;
}
.logoarticle {
	float:left;
	width:115px;
	height:auto;
	margin:0 15px 15px 0;
}
#article-content h1 {
	color:#64645a;
	border-bottom: 1px solid #eae8e9;
	font-size: 28px;
	line-height:33px;
	margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 7px;
	/* Open Sans, un peu trop d'espace entre charactères... */
	letter-spacing: -0.015em;
}
.publishDate{
	color: #808080;
    font-size: 10px;
	font-size: 12px;
    padding-top: 5px;
}
.chapo {
    color: #64645a;
    font-size: 14px;
    font-weight: 700;
    padding-top: 10px;
}
.social-bar {
	border-top: 1px solid #eae8e9;
	border-bottom: 1px solid #eae8e9;
	margin:15px 0;
	height:37px;
}
.social-bar ul{
	list-style: outside none none;
	padding-top:5px;
	margin-bottom: 5px;
	padding-left:0;
}
.social-bar ul li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    color: #4b5d68;
    font-size: 1.2em;
    padding: 0 15px 0 0;
}
.social-bar li a {
    background-image: url("../images/sprite_embassy.png");
	display: block;
    height: 25px;
    overflow: hidden;
    padding: 0 !important;
    text-indent: -9999px;
    width: 20px;
}
.social-bar .facebook a {
    background-position: -150px -173px;
	width: 25px;
}
.social-bar .twitter a {
    background-position: -251px -173px;
	width: 25px;
}
.social-bar .google a {
    background-position: -199px -173px;
	width: 25px;
}
#article-content .embed-responsive {
	margin-bottom: 15px;
}
#article-content .texte img {
	max-width: 100%;
	height:auto;
	display: block;
    margin-left: auto;
    margin-right: auto
}
.outils_bas_article {
    display: block;
    float: right;
    font-size: 13px;
    height: 20px;
    margin: 30px 0 0;
    width: 180px;
}
.arrow_top {
	background-image: url("../images/sprite_embassy.png");
    background-position: -248px -86px;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.haut_de_la_page {

    padding: 0 20px 3px 0;
}
.texte, #contentrub {
    padding: 0 0 10px 0;
}
#contentrub ul {
    list-style-type: none;
    margin: 12px 0 6px 0;
    padding: 0;
}
#contentrub ul ul {
    margin: 5px 0 25px;
}
#contentrub ul li {
    clear: right;
    margin: 0 0 12px;
    padding: 0;
}
#contentrub li {
    clear: right;
    list-style-type: none;
    margin: 0 0 12px 0;
    padding: 0;
	padding-top:10px;
}
#contentrub li.ssmenu1 {
	padding-top:0;
}
#contentrub li a img {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
#contentrub h3 {
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important;
	text-transform:none !important;
	text-align:left !important;
	letter-spacing:normal;
	line-height: 16px;
}
#contentrub h3 a {
    font-size: 14px;
}
#contentrub p {
    margin-top: 0;
}
#contentrub p {
    overflow: hidden;
    padding: 0 0 5px;
    position: static;
}
#contentrub .publishDate {
	padding-top:0;
}
.ssmenu1 {
    padding: 0 0 0 60px !important;
}
#article-content .texte img.puce {
	display:inline;
}
.img-responsive .left {
	float:left;
	max-width:100%;
	margin-right:10px;
	margin-bottom:10px;
}
.img-responsive .center {
	float:center;
	max-width:100%;
	margin-bottom:10px;
}
.img-responsive .right {
	float:right;
	max-width:100%;
	margin-left:10px;
	margin-bottom:10px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE (END) */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SIDEBAR ARTICLE */

.article-connexe p {
	font-size: 13px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:0;
}
.article-connexe img {
	float:left;
	margin : 0 10px 10px 0;
}
.article-connexe {
    border-bottom: 1px solid #E6E6E6;
	margin-bottom:15px;
}
.bannerbox {padding:0 15px 4px 15px;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SIDEBAR ARTICLE (END) */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SEARCH */

.gs-result img.gs-image, .gs-result img.gs-promotion-image {
    border: 1px solid #e2e2e2;
    vertical-align: middle;
}
.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
    border: 1px solid #e2e2e2;
    max-height: 120px;
    max-width: 60px !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SEARCH (END) */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ALL WIDTHS RULES (END) */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< MEDIA QUERIES */


/* =================================================================================== */
/* ========================================================================  W >= 768  */
@media (min-width: 768px) {


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER */
	#header {
		height:140px;
	}
	#header h1, #header p.title{
		font: 600 34px/26px 'Raleway', sans-serif;
		letter-spacing: 0.02em;
		margin-bottom:7px;
		margin-top:13px;
	}
	#header h2, #header p.subtitle{
		font: 400 16px/16px 'Roboto', sans-serif;
		letter-spacing: 0.05em;
	}
	#logo_embassy {
		width:190px;
		height:64px;
	}
	.quick-access ul{
		padding-right:20px;
	}
	.connect-icons ul {
		padding-left: 4px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR */
	#navbar ul li a {
		font-family: "Raleway",sans-serif;
		font-weight: 500;
		font-size: 12px;
		padding-left: 10px;
		padding-right: 7px;
}
	#navbar .container {
		padding-left:0;
		padding-right:0;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT */
	.no-left-padding {
		padding-left:0;
	}
	.no-right-padding {
		padding-left:0;
	}
	.embassytv, .fblike, .contactbox, {
		padding-left:0;
	}
	.shortcuts {
		padding-right:0;
	}
	.hottopics, .attheembassy, .d-briefing, .twitbox, .subcribebox{
		padding: 0;
	}
	.hotcontent1, .d-briefing {
		padding-right:15px;
	}
	.hotcontent2, .twitbox, .subcribebox {
		padding-left:15px;
	}
	.embassycontent2 {
		padding-left:10px;
		padding-right:10px;
	}
	.embassycontent1 {
		padding-right:19px;
	}
	.embassycontent3 {
		padding-left:19px;
	}
	.link1 {
		padding-right:7px;
	}
	.link2, .link3 {
		padding-left:5px;
		padding-right:5px;
	}
	.link4 {
		padding-left:7px;
	}
	.contact-text{
		width:50%;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HOME SLIDESHOW */
	#textcarousel p.title{
		font: 500 19px/24px "Raleway",sans-serif;
		text-align: left;
		padding: 10px 10px 0 0;
	}
	#textcarousel .desc{
		font: 300 14px/20px 'Roboto', sans-serif;
		padding: 0 0 25px 0;
		text-align: left;
	}
	.embassytv-desc {
		margin-right:0;
		margin-left:0;
		height: 246px;
	}
	.embassytv-contain{
		padding:0;
	}
	.embassytv {
		padding-right:0;
		padding-left:0;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HOME SLIDESHOW (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE */
	.social-bar .facebook a {
		background-position: -149px -24px;
		width: 140px;
	}
	.social-bar .twitter a {
		background-position: -150px -125px;
		width: 88px;
	}
	.social-bar .google a {
		background-position: -150px -74px;
		width: 88px;
	}
	#article-content .texte img {
		max-width: 699px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE (END) */
}

/* =================================================================================== */
/* ========================================================================  W >= 992  */
@media (min-width: 992px) { 

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER */
	.quick-access ul{
		padding-right:100px;
	}
	.connect-icons ul {
		padding-left: 40px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR */
	#navbar ul li a {
     	font-family: "Raleway",sans-serif;
		font-weight: 500;
		font-size: 13px;
		padding-left: 13px;
		padding-right: 10px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SLIDESHOW AND EMBASSY TV */
	#textcarousel p.title{
		font: 500 21px/36px "Raleway",sans-serif;
		text-align:center;
		padding: 25px 10px 5px 10px;
	}
	#textcarousel .desc{
		font: 300 14px/24px 'Roboto', sans-serif;
		padding-top: 5px;
		text-align: center;
	}
	.embassytv-contain{
		padding-right:15px;
	}
	.embassytv-desc {
		height: 239px;
		padding-left: 15px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SLIDESHOW AND EMBASSY TV (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT */
	.shortcut-links {
		padding-top:11px;
	}
	.shortcuts {
		padding-right:15px;
	}
	.hottopics, .attheembassy{
		padding-right: 15px;
	}
	.embassycontent2 {
		padding-left: 9px;
	}
	.d-briefing {
		padding-right: 25px;
	}
	.fblike, .twitbox, .contactbox, .subcribebox{
		padding-right:0;
		padding-left:15px;
	}
	.bannerbox{
		padding-right:0;
	}
	 
	.fblikefaces {
		height: 403px;
		margin-top:10px;
	}
	.contact-text{
		width:100%;
	}
	.bontrait h3 {
		margin-right:15px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FOOTER */
	#footer.art {
		margin-top: 20px;
	}
	#footer .connect-icons {
		padding: 50px 0 0 63px !important;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FOOTER (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE */
	#article-content {
		
	}
	#article-content .texte img {
		max-width: 677px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE (END) */
	
/* xxxxxxxxxxxxxxx EQUAL HEIGHTS COLUMNS DANS ARTICLE, RUBRIQUE, SEARCH */
	.container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
	}
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
	}
	/* firefox fix */
	.img-responsive {
		width: 100%;
	}

	/* vertical alignment styles */
	.col-top {
		vertical-align:top;
	}
/* xxxxxxxxx EQUAL HEIGHTS COLUMNS DANS ARTICLE, RUBRIQUE, SEARCH (END) */
}

/* =================================================================================== */
/* =======================================================================  W >= 1200  */
@media (min-width: 1200px) {

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER */
	.quick-access ul{
		padding-right:100px;
	}
	.connect-icons ul {
		padding-left: 40px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HEADER (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR */
	#nav.affix .navbar-brand {
		display: none;
	}
	#nav .search2 {
		display: none;
	}
	.navbar-collapse {
		padding-left:0;
		padding-right:0;
	}
	.navbar-collapse {
		padding-left:0;
		padding-right:0;
	}
	#nav .form-control{
	width: auto;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NAVBAR (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SLIDESHOW AND EMBASSY TV */
	#textcarousel p.title, .embassytv-desc p.tv-title{
		font: 500 25px/43px 'Raleway', sans-serif;
		padding: 25px 10px 5px 10px;
		text-align:center;
	}
	.embassytv-desc p.tv-title {
		font: 500 22px/28px "Raleway",sans-serif;
		text-align: left;
		text-transform: uppercase;
		padding-top: 10px;
		padding-left:0;
	}
	#textcarousel .desc{
		font: 300 14px/30px 'Roboto', sans-serif;
		padding-top: 5px;
		text-align: center;
	}
	#textcarousel .desc {
		font: 300 15px/26px "Roboto",sans-serif;
		padding-bottom: 25px;
		padding-top: 0;
		text-align: center;
	}
	.embassytv-desc p.tv-desc {
		font: 300 15px/22px "Roboto",sans-serif;
		padding-bottom: 25px;
		padding-top: 0;
		text-align: left;
	}
	.embassytv-desc {
		height:256px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx SLIDESHOW AND EMBASSY TV (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT */
	.shortcut-links {
		padding-top:15px;
	}
	.shortcut-links li {
		border-bottom: 1px solid #eee;
		padding:11px;
	}
	.embassytv {
		padding-left:0;
		padding-right:0;
	}
	.fblikefaces {
		height: auto;
		margin-top:10px;
	}
	.contact-text{
		width:50%;
	}
	.artcol {
		padding-left:30px;
	}
	#content {
	    margin-top: 25px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL CONTENT (END) */
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE */
	.article {
		height:100%;
	}
	#article-content .texte img {
		max-width: 729px;
	}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ARTICLE (END) */
	
/* xxxxxxxxxxxxxxx EQUAL HEIGHTS COLUMNS DANS ARTICLE, RUBRIQUE, SEARCH */
	.container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
	/* firefox fix */
	.img-responsive {
		width: 100%;
	}

	/* vertical alignment styles */
	.col-top {
		vertical-align:top;
	}
/* xxxxxxxxx EQUAL HEIGHTS COLUMNS DANS ARTICLE, RUBRIQUE, SEARCH (END) */

}

/* =================================================================================== */
/* =======================================================================  W <= 1400  */
@media (max-width: 1400px) {

/*pour un ecran < a 1400px ET quand le menu est fixe en haut, on cache le mini logo en position absolute gauche et on montre celui faisant partie du menu*/
	#nav.affix .minilogo {
		display: none;
	}
	#nav.affix .navbar-brand {
		display: block;
	}
}

/* =================================================================================== */
/* ===============================================================  1200 <= W <= 1770  */
@media (min-width: 1200px) and (max-width: 1770px) {

	/*pour un ecran compris entre 1200 et 1770px, on reduit l'espace entre les menus et on reduit la police*/
	.navbar-collapse {
	    padding-right: 15px;
	}
	#navbar .container {
		padding-left: 0;
	}
	#navbar ul li a {
     	font-family: "Raleway",sans-serif;
		font-weight: 500;
 		font-size: 13px;
		padding-left: 10px;
		padding-right: 7px;
	}
}

/* =================================================================================== */
/* =======================================================================  W <= 1770  */
@media (max-width: 1770px) {

/*pour un ecran < a 1770px, on cache la zone de search a droite du menu*/
	#nav .search {
		display: none;
	}
	#nav .search2 {
		display: block;
	}
}

/* =================================================================================== */
/* ==================================================================  440 <= W < 768  */
@media (min-width: 440px) and (max-width: 767px) {

/*pour afficher les deux images hot topcis cote a cote sur une tablette large*/
	.hotcontent1, .embassycontent1{
		padding-right:15px;
	}
	.hotcontent2, .embassycontent2 {
		padding-left:15px;
	}
	.hottopics .col-xs-12, .attheembassy .col-xs-12 {
		width:50%;
	}

/*pour que la 3e, qd il passe en dessous à gauche, ne depasse pas la taille de 1er juste au-dessus*/
	.col-xs-12 .embassycontent3 {
		max-width:47.5%;
	}
	.social-bar .facebook a {
		background-position: -149px -24px;
		width: 140px;
	}
	.social-bar .twitter a {
		background-position: -150px -125px;
		width: 88px;
	}
	.social-bar .google a {
		background-position: -150px -74px;
		width: 88px;
	}
	.link1, .link3 {
		padding-right:6px;
	}
	.link2, .link4  {
		padding-left:6px;
	}
}

/* =================================================================================== */
/* ========================================================================  W <= 370  */
@media (max-width: 370px) {

/*pour faire disparaitre licone de carte dans la boite contact info quand l'ecran < 370px*/
	.contact-icon{
		display:none;
	}
	.contact-text{
		clear:both;
	}
}

/* =================================================================================== */
/* ========================================================================  W <= 440  */
@media (max-width: 440px) {

/*pour faire disparaitre licone de carte dans la boite contact info quand l'ecran < 370px*/
	.logoarticle {
		display:none;
	}
	#article-content h1 {
		font-size: 24px;
		line-height: 29px;
	}
	.link1, .link3 {
		padding-right:4px;
	}
	.link2, .link4  {
		padding-left:4px;
	}

}

/* =================================================================================== */
/* ==================================================================  768 <= W < 992  */
@media (min-width: 768px) and (max-width: 991px) {

/*pour ralonger la ligne de TV AMBASSADE sous le h3 de 15 px à droite*/
	.bontrait h3 {
		margin-right:0px;
	}

}

/* =================================================================================== */
/* =========================================================================  W < 768  */
@media (max-width: 767px) {

/*pour diminuer la ligne de TV AMBASSADE sous le h3 de 15px à gauche et droite*/
	.bontrait h3 {
		margin-left:15px;
		margin-right:15px;
	}
/*pour changer la couleur des sous menu de blanc à gris quand le bouton apparait*/
.navbar-collapse {
  background-color: #fff;
}
/*pour changer la couleur des rules qui separent les items des sous menu quand le bouton apparait*/
#navbar ul li ul li {
  border-bottom: 1px solid #ddd;
}
#navbar ul li a {
  color: #6a6873;
}
/*pour changer la taille de fonte du more news, etc quand le bouton apparait*/
#textcarousel .more-news, .embassytv-desc .more-videos, .more-focus {
	font: 500 13px/14px 'Raleway', sans-serif;
}

/* NAVBAR passe en Blanc quand le bouton apparait*/
#navbar, #nav {
	background-color: #fff;
}
#navbar{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
}

/* =================================================================================== */
/* ========================================================================  W <= 440  */
@media (max-width: 439px) {

	.titlebreaker {
		display:block;
	}
	#header p.title {
    	font: 600 26px/12px "Raleway",sans-serif;
		letter-spacing: 0.02em;
   		margin-bottom: 7px;
    	margin-top: 17px;
	}
	#header p.subtitle {
    	font: 500 11px/16px "Roboto",sans-serif;
		letter-spacing: 0.05em;
    	margin-top: 0;
	}
	#logo_embassy {
		height: 42px;
		margin-top: 2px;
		width: 125px;
	}
}

/* =================================================================================== */
/* ==================================================================  440 <= W < 768  */
@media (min-width: 440px) and (max-width: 767px){

	.titlebreaker {
		display:none;
	}
	#header p.title {
		font: 600 30px/26px "Raleway",sans-serif;
		letter-spacing: 0.02em;
		margin-bottom: 4px;
		margin-top: 18px;
	}
	#header p.subtitle {
    	font: 500 13px/16px "Roboto",sans-serif;
    	letter-spacing: 0.05em;
    	margin-top: 0;
	}
	#logo_embassy {
		margin-top: 6px;
	}
}

/* =================================================================================== */
/* ==================================================================  440 <= W < 992  */
@media (min-width: 440px) and (max-width: 991px){

	/*-- AD BANNERS VISIBILITY --*/
	.bannerbox {display:none;}	
	/*-- AD BANNERS VISIBILITY --*/
}

/* =================================================================================== */
/* ========================================================================== W < 992  */
@media (max-width: 991px){
	
	/*-- SOCIAL NET overflow on iphone/ipad --*/
#fcbk iframe {width:280px !important;}
#twttr iframe {width:280px !important;}
.fblikefaces-adjustment_for_twitter_box {height: 330px !important;margin-top:0 !important;}
.adjustment {height: 394px !important;}
	/*-- SOCIAL NET overflow on iphone/ipad --*/
}

/* =================================================================================== */
/* =================================================================  992 <= W < 1200  */
@media (min-width: 992px) and (max-width: 1199px){

	/*-- SOCIAL NET overflow on iphone/ipad --*/
#fcbk iframe {width:225px !important;}
#twttr iframe {width:228px !important;}
.fblikefaces-adjustment_for_twitter_box {height: 330px !important;margin-top:0 !important;}
.adjustment {height: 403px !important;}
#socnet-home {margin-left:15px !important;}
#socnet-article {margin-left:15px !important;}
.bannerbox { margin-bottom: 0 !important;}

}


/* =================================================================================== */
/* =======================================================================  W >= 1200  */
@media (min-width: 1200px) {
	
	/*-- SOCIAL NET overflow on iphone/ipad --*/
#fcbk iframe {width:375px !important;}
#twttr iframe {width:375px !important;}
.fblikefaces-adjustment_for_twitter_box {height: 330px !important;margin-top:0 !important;}
.adjustment {height: 393px !important;}
#socnet-home {margin-left:15px !important;}
#socnet-article {margin-left:30px !important;}
.bannerbox { margin-bottom: 0 !important; }

}


/* =================================================================================== */
/* =========================================================================  W < 768  */
@media (max-width: 767px) {

/******Pour gerer les padding-L -R de Facebook, Twitter et Contact Box lorsqu'ils passent sous le contenu*/
.fblike {padding-left:15px;padding-right:15px;}
.twitbox {padding-left:15px;padding-right:15px;}
.contactbox {padding-left:15px;}
#socnet-home {margin-left:15px !important;margin-right:15px !important;}
#socnet-article {margin-left:15px !important;margin-right:15px !important;}

}

/* =================================================================================== */
/* ==================================================================  768 <= W < 992  */
@media (min-width: 768px) and (max-width: 991px) {

/******Pour gerer les padding-L -R de Facebook, Twitter et Contact Box lorsqu'ils passent sous le contenu*/
.fblike {padding-left:0px;padding-right:10px;}
.twitbox {padding-left:10px;padding-right:0px;padding-top:20px}
.contactbox {padding-left:0px;}
.fblikefaces-adjustment_for_twitter_box {height: 394px !important;}
#twttr iframe {height: 394px !important;}
#textcarousel {margin-top:-1px;}

}


/* =================================================================================== */
/* =========================================================================  W < 768  */
@media (max-width: 767px) {

/* faire apparaitre drapeaux language switcher si size < 768px */
#language_switcher_short {display:block;}

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MEDIA QUERIES (END) */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< MISC TOPICS */


/* //////////////////////////////////////////////////// SOCIAL NETWORK BUTTONS IN FOOTER */

.connect-icons-footer ul {
	list-style-type:none;
	display:inline-block;
}
.connect-icons-footer ul li {
	display:inline-block;
	float:left;
	margin: 0 2px;
}
.connect-icons-footer ul li a {
	width: 36px;
    height: 36px;
    border-radius: 36px;
	display:block;
	transition: all 0.05s ease 0s;
	background: #3e67a4;
}
.connect-icons-footer ul li a.rss {
	background: #f88b1f;
}
.connect-icons-footer ul li a:hover {
    background: #eee;
}
.connect-icons-footer ul li a span {
    display: block;
    position: relative;
    margin: 0px auto;
    text-align: center;
    text-indent: -999em;
}
.connect-icons-footer ul li a.facebook span {
	top: 11px;
	left:14px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -1px -34px;
	background-repeat: no-repeat;
}
.connect-icons-footer ul li a.twitter span {
	top: 12px;
	left:10px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -2px -134px;
	background-repeat: no-repeat;
}
.connect-icons-footer ul li a.youtube span {
	top: 9px;
	left:11px;
	background-image: url('../images/sprite_embassy.png');
	background-position: -1px -1px;
	background-repeat: no-repeat;
}
.connect-icons-footer ul li a.flickr span {
	top: 10px;
	left:8px;
	background-image: url('../images/sprite_embassy.png');
	background-position: 0px -82px;
	background-repeat: no-repeat;
}
.connect-icons-footer ul li a.instagram span {
	top: 8px;
	left:8px;
	background-image: url('../images/sprite_embassy.png');
	background-position: 0px -108px;
	background-repeat: no-repeat;
}
.connect-icons-footer ul li a.rss span {
	top: 7px;
	left:8px;
	background-image: url('../images/sprite_embassy.png');
	background-position: 0px -56px;
	background-repeat: no-repeat;
}
.connect-icons-footer ul li a.facebook span:hover {
	background-position: -50px -35px;
}
.connect-icons-footer ul li a.twitter span:hover {
	background-position: -55px -137px;
}
.connect-icons-footer ul li a.youtube span:hover {
	background-position: -52px -1px;
}
.connect-icons-footer ul li a.flickr span:hover {
	background-position: -51px -82px;
}
.connect-icons-footer ul li a.instagram span:hover {
	background-position: -51px -108px;
}
.connect-icons-footer ul li a.rss span:hover {
	background-position: -51px -56px;
}
.connect-icons-footer {
	width: 240px;
}

@media (max-width: 991px) {
#icons-footer {
	padding-top: 15px;
	margin: 0px auto;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
#icons-footer {
	padding-top: 21px;
	margin-left: 134px;
}
.connect-icons-footer {
  width: 158px;
}
.connect-icons-footer ul li {
  margin: 0 2px 4px 2px;
}

}

@media (min-width: 1200px) {
#icons-footer {
	padding-top: 21px;
	margin: 0px auto;
}
}

/* /////////////////////////////////////////////// SOCIAL NETWORK BUTTONS IN FOOTER(END) */

/* ///////////////////////////////////////////// SOC NET SIDEBAR TITLE LENGTH MANAGEMENT */
@media (min-width: 992px) and (max-width: 1199px) {
.half-title {
	display:none;
	}
}
@media (max-width: 350px) {
.full-title {
	display:none;
	}
}
/* //////////////////////////////////////// SOC NET SIDEBAR TITLE LENGTH MANAGEMENT(END) */

/* ///////////////////////////////////////////////// HIDE SEARCH WHEN SEARCH2 IS VISIBLE */
@media (min-width: 768px) and (max-width: 1769px) {
.navbar-header {
	display:none;
}
}
/* /////////////////////////////////////////// HIDE SEARCH WHEN SEARCH2 IS VISIBLE (END) */

/* //////////// FAIRE APPARAITRE SEARCH à GAUCHE DE NAVBAR QD < 768 ET BOUTON EST APPARU */
/* //////////////////////////////////////// FAIRE DISPARAITRE SEARCH2 DE LA BASE DU MENU */
@media (max-width: 767px) {
.search{
	display:block !important;
	position:absolute;
	right:23px;
}
.search2{
	display:none !important;
}
}
/* ////// FAIRE APPARAITRE SEARCH à GAUCHE DE NAVBAR QD < 768 ET BOUTON EST APPARU (END) */
/* ////////////////////////////////// FAIRE DISPARAITRE SEARCH2 DE LA BASE DU MENU (END) */

/* //////////////////////////////////// CACHER MARIANNE HOME EN MODE NAVBAR TOP SI < 440 */
@media (max-width: 439px) {
	#nav.affix .navbar-brand {
		display: none;
	}
}
/* ////////////////////////////// CACHER MARIANNE HOME EN MODE NAVBAR TOP SI < 440 (END) */

/* /////////////////// FAIRE APPARAITRE UNE BOITE DE SEARCH DANS NAVBAR ENTRE 768 et 991 */

@media (min-width: 768px) and (max-width: 991px) {
.search2{
	display:block !important;
}
#custom-search-input{
	width:100px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-left: -15px;
}
}
/* ///////////// FAIRE APPARAITRE UNE BOITE DE SEARCH DANS NAVBAR ENTRE 768 et 991 (END) */

/* ////////////////////////////////////////////////////// POSITIONNEMENT SEARCH SI < 768 */

@media (max-width: 767px) {
.search{
	margin-right:0px !important;
}
}
/* ///////////////////////////////////////////////// POSITIONNEMENT SEARCH SI < 768 (END) */

/* //////////////////////////////////////////////////// VIDEO VA EN MARGE SUR SCROLL DOWN */
.vid-wrap {
	height: 600px;
	background-color: hsl(0,0%,10%);
	transition: 0s;
	}
.vid-wrap > iframe {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 560px;
	}
.aside .vid-wrap {
	height: 540px;
	}
.video {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	transition: all 0s;
	z-index: 4;
	}
.wrap-video {
	height: auto;
	background-image: url('http://franceintheus.org/skelkitposte/images/video-placeholder.jpg');
	margin-bottom:15px;
	}
@media (min-width: 992px) and (max-width: 1199px) {
.aside {
	position: fixed;
	top: 51px !important;
	left:50%;
	width: 228px;
	margin-left:257px;
	z-index: 10!important;
	}
.wrap-video {
	height: 385px !important;
}
}
@media (min-width: 1200px) {
.aside {
	position: fixed;
	top: 51px !important;
	left:50%;
	width: 374px;
	margin-left:211px;
	z-index: 10!important;
	}
.wrap-video {
	height: 410px !important;
}
}
/* ////////////////////////////////////////////// VIDEO VA EN MARGE SUR SCROLL DOWN (END) */

/* /////////////////////////////////////////////////////////////////////////// GASTRONOMY */
#preload-Button-GDF {
   background-image: url('http://franceintheus.org/IMG/jpg/button-GDF-hover.jpg');
   width: 0px;
   height: 0px;
}
#preload-Button-MICH {
   background-image: url('http://franceintheus.org/IMG/jpg/button-GDF-hover.jpg');
   width: 0px;
   height: 0px;
}
#preload-Button-LISTE {
   background-image: url('http://franceintheus.org/IMG/jpg/button-GDF-hover.jpg');
   width: 0px;
   height: 0px;
}
#preload-Button-KALO {
   background-image: url('http://franceintheus.org/IMG/jpg/button-KALO-hover.jpg');
   width: 0px;
   height: 0px;
}
#Button-GDF {
   background-image: url('http://franceintheus.org/IMG/jpg/button-GDF.jpg');
   width: 150px;
   height: 150px;
}
#Button-GDF:hover {
   background-image: url('http://franceintheus.org/IMG/jpg/button-GDF-hover.jpg');
}
#Button-MICH {
   background-image: url('http://franceintheus.org/IMG/jpg/button-MICH.jpg');
   width: 150px;
   height: 150px;
}
#Button-MICH:hover {
   background-image: url('http://franceintheus.org/IMG/jpg/button-MICH-hover.jpg');
}
#Button-LISTE {
   background-image: url('http://franceintheus.org/IMG/jpg/button-LISTE.jpg');
   width: 150px;
   height: 150px;
}
#Button-LISTE:hover {
   background-image: url('http://franceintheus.org/IMG/jpg/button-LISTE-hover.jpg');
}
#Button-KALO {
   background-image: url('http://franceintheus.org/IMG/jpg/button-KALO.jpg');
   width: 150px;
   height: 150px;
}
#Button-KALO:hover {
   background-image: url('http://franceintheus.org/IMG/jpg/button-KALO-hover.jpg');
}
/* /////////////////////////////////////////////////////////////////////////// GASTRONOMY (END) */




/* ////////////////////////////////////////////////////////////////////////// NEW RUBRIQUE HOME */
@media (max-width: 439px) {
#content { margin-top: 0; }
.SLIDESHOW-BOX {
	padding:0 15px;
	margin-bottom:15px;
}
#textcarousel { height: auto; }
#textcarousel p.title { margin: 2px 0 3px 0; }
.TWITTER-BOX {
	margin-bottom:25px;
}
.TWITTER-BOX .col-xs-12 {
	height:415px;
}
.FACEBOOK-BOX {
	margin-bottom:25px;
}
.EMBASSYTV-BOX {
	margin-bottom:25px;
}
.SHORTCUTS-BOX {
	margin-bottom:25px;
}
.FOCUS-BOX {
	margin-bottom:25px;
}
.FOCUS-01 {
	padding:0 15px 0 15px;
	margin:10px 0 12px 0;
}
.FOCUS-02 {
	padding:0 15px 0 15px;
	margin:0px 0 12px 0;
}
.FOCUS-03 {
	padding:0 15px 0 15px;
	margin:0 0 12px 0;
}
.FOCUS-04 {
	padding:0 15px 0 15px;
	margin:0 0 0 0;
}
.SUBSCRIPTIONS-BOX {
	margin-bottom:25px;
}
.CONTACT-BOX {
	margin-bottom:25px;
}
.DAILYPRESSBRIEFING-BOX {
	margin-bottom:25px;
}
.EMBCONS-BOX {
	margin-bottom:25px;
}
.EMBCONS-01 {
	padding:0;
	margin:10px 0 15px 0;
}
.EMBCONS-02 {
	padding:0;
	margin:0 0 15px 0;
}
.EMBCONS-03 {
	padding:0;
	margin:0 0 15px 0;
}
.EMBCONS-04 {
	display:none;
}
}
 @media (min-width: 440px) and (max-width: 767px) {
#content { margin-top: 0; }
.SLIDESHOW-BOX {
	padding:0 15px;
	margin-bottom:15px;
}
#textcarousel { height: auto; }
#textcarousel p.title { margin: 2px 0 3px 0; }
.TWITTER-BOX {
	margin-bottom:25px;
}
.TWITTER-BOX .col-xs-12 {
	height:415px;
}
.FACEBOOK-BOX {
	margin-bottom:25px;
}
.EMBASSYTV-BOX {
	margin-bottom:25px;
}
.SHORTCUTS-BOX {
	margin-bottom:25px;
}
.FOCUS-BOX {
	margin-bottom:25px;
}
.FOCUS-01 {
	padding:0 6px 0 15px;
	margin:10px 0 12px 0;
	width:50%;
}
.FOCUS-02 {
	padding:0 15px 0 6px;
	margin:10px 0 12px 0;
	width:50%;
}
.FOCUS-03 {
	padding:0 6px 0 15px;
	margin:0 0 0 0;
	width:50%;
}
.FOCUS-04 {
	padding:0 15px 0 6px;
	margin:0 0 0 0;
	width:50%;
}
.SUBSCRIPTIONS-BOX {
	margin-bottom:25px;
}
.CONTACT-BOX {
	margin-bottom:25px;
}
.DAILYPRESSBRIEFING-BOX {
	margin-bottom:25px;
}
.EMBCONS-BOX {
	margin-bottom:25px;
}
.EMBCONS-01 {
	padding:0 7px 0 0;
	margin:10px 0 15px 0;
	width:50%;
}
.attheembassy-desc p {font: 500 13px/21px "Raleway",sans-serif !important;}
.EMBCONS-02 {
	padding:0 0 0 7px;
	margin:10px 0 15px 0;
	width:50%;
}
.EMBCONS-03 {
	padding:0 7px 0 0;
	width:50%;
}
.EMBCONS-04 {
	padding:0 0 0 7px;
	width:50%;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
#content { margin-top: 0; }
.SLIDESHOW-BOX {
	padding:0 15px;
	margin-bottom:15px;
}
#photocarousel { height:446px !important; }
.caroufredsel_wrapper { height:527px !important; }
#textcarousel p.title { margin: 2px 0 3px 0; }
.TWITTER-BOX {
	padding-left:0;
	margin-bottom:25px;
}
.TWITTER-BOX .col-sm-6 {
	height:415px;
}
a.twitter-timeline {height:400px !important;}

.FACEBOOK-BOX {
	padding-right:0;
	margin-bottom:25px;
}
.EMBASSYTV-BOX {
	padding:0;
	margin-bottom:25px;
}
.SHORTCUTS-BOX {
	padding-left:0;
	margin-bottom:25px;
}
.FOCUS-BOX {
	padding-left:0;
	padding-right:0;
	margin-bottom:25px;
}
.FOCUS-01 {
	padding:0 6px 0 15px;
	margin:10px 0 12px 0;
	height:148px;
}
.FOCUS-02 {
	padding:0 15px 0 6px;
	margin:10px 0 12px 0;
	height:148px;
}
.FOCUS-03 {
	padding:0 6px 0 15px;
	margin:0 0 0 0;
	height:148px;
}
.FOCUS-04 {
	padding:0 15px 0 6px;
	margin:0 0 0 0;
	height:148px;
}
.SUBSCRIPTIONS-BOX {
	padding-right:0;
	margin-bottom:25px;
}
.CONTACT-BOX {
	padding-left:0;
	margin-bottom:25px;
}
.DAILYPRESSBRIEFING-BOX {
	padding:0;
	margin-bottom:25px;
}
.EMBCONS-BOX {
	padding:0;
	margin-bottom:25px;
}
.EMBCONS-01 {
	padding:0 8px 0 0;
	margin:10px 0 0 0;
}
.EMBCONS-02 {
	padding:0 4px 0 4px;
	margin:10px 0 0 0;
}
.EMBCONS-03 {
	padding:0 0 0 8px;
	margin:10px 0 0 0;
}
.EMBCONS-04 {
	display:none;
}
}
 @media (min-width: 992px) and (max-width: 1199px) {
.SLIDESHOW-BOX {
	margin-bottom:15px;
}
#textcarousel { height: 149px !important; }
#photocarousel { height: 432px !important;}
#textcarousel p.title {
	font: 500 19px/26px "Raleway",sans-serif;
	text-align: left;
	padding: 12px 5px 0 5px;
	margin: 0 0 3px 0;
}
#textcarousel .desc { 
	font: 300 15px/23px "Roboto",sans-serif;
	text-align: left;
	padding: 0 5px 0 5px;
	margin: 0;
}
.caroufredsel_wrapper { height: 551px !important;}
.TWITTER-BOX {
	padding-right:0;
	margin-bottom:30px;
	border-right:solid 1px #eee;
}
.TWITTER-BOX .col-md-12 {
	height:565px;
}
.TWITTER-BOX iframe {width:227px !important;}
.FACEBOOK-BOX {
	padding-right:0;
	margin-bottom:25px;
	border-right:solid 1px #eee;
}
.FACEBOOK-BOX iframe {width:225px !important;}
.EMBASSYTV-BOX {
	padding:0;
	margin-bottom:25px;
}
.SHORTCUTS-BOX {
	padding-left:0;
	margin-bottom:25px;
}
.shortcut-links li:first-child { padding-top: 3px; }
.shortcut-links li:last-child { padding-bottom: 7px; }
.FOCUS-BOX {
	padding-left:0;
	padding-right:0;
	margin-bottom:25px;
}
.FOCUS-01 {
	padding:0 6px 0 15px;
	margin:10px 0 12px 0;
	height:148px;
}
.FOCUS-02 {
	padding:0 15px 0 6px;
	margin:10px 0 12px 0;
	height:148px;
}
.FOCUS-03 {
	padding:0 6px 0 15px;
	margin:0 0 0 0;
	height:148px;
}
.FOCUS-04 {
	padding:0 15px 0 6px;
	margin:0 0 0 0;
	height:148px;
}
.SUBSCRIPTIONS-BOX {
	padding-right:0;
	margin-bottom:25px;
}
.CONTACT-BOX {
	padding-right:0;
	margin-bottom:25px;
}
.DAILYPRESSBRIEFING-BOX {
	padding:0;
	margin-bottom:25px;
}
.EMBCONS-BOX {
	padding:0;
	margin-bottom:25px;
}
.attheembassy-desc p {font: 500 13px/21px "Raleway",sans-serif !important;}
.EMBCONS-01 {
	padding:0 8px 0 0;
	margin:10px 0 0 0;
}
.EMBCONS-02 {
	padding:0 4px 0 4px;
	margin:10px 0 0 0;
}
.EMBCONS-03 {
	padding:0 0 0 8px;
	margin:10px 0 0 0;
}
.EMBCONS-04 {
	display:none;
}
}
 @media (min-width: 1200px) {
.MAINsssss {
	padding-right: 25px;
}
.SLIDESHOW-BOX {
	margin-bottom:15px;
}
#textcarousel { height: 149px !important; }
#photocarousel { height: 463px !important;}
.caroufredsel_wrapper { height: 582px !important;}
#textcarousel p.title {
	font: 500 20px/28px "Raleway",sans-serif;
	text-align: left;
	padding: 14px 5px 0 5px;
	margin: 0 0 3px 0;
}
#textcarousel .desc { 
	font: 300 15px/26px "Roboto",sans-serif;
	text-align: left;
	padding: 0 5px 0 5px;
	margin: 0;
}
.TWITTER-BOX {
	padding-right:0;
	margin-bottom:31px;
	border-right:solid 1px #eee;
}
.TWITTER-BOX .col-lg-12 {
	height:565px;
}
.FACEBOOK-BOX {
	padding-right:0;
	margin-bottom:25px;
	border-right:solid 1px #eee;
}
.FACEBOOK-BOX .col-lg-12 {
	height:565px;
}
.EMBASSYTV-BOX {
	padding:0;
	margin-bottom:25px;
}
.SHORTCUTS-BOX {
	padding-left:0;
	margin-bottom:25px;
}
.FOCUS-BOX {
	padding-left:0;
	padding-right:0;
	margin-bottom:25px;
}
.FOCUS-01 {
	padding:0 6px 0 15px;
	margin:10px 0 12px 0;
	height:148px;
}
.FOCUS-02 {
	padding:0 15px 0 6px;
	margin:10px 0 12px 0;
	height:148px;
}
.FOCUS-03 {
	padding:0 6px 0 15px;
	margin:0 0 0 0;
	height:148px;
}
.FOCUS-04 {
	padding:0 15px 0 6px;
	margin:0 0 0 0;
	height:148px;
}
.SUBSCRIPTIONS-BOX {
	padding-right:0;
	margin-bottom:25px;
}
.CONTACT-BOX {
	padding-right:0;
	margin-bottom:25px;
}
.DAILYPRESSBRIEFING-BOX {
	padding:0;
	margin-bottom:25px;
}
.EMBCONS-BOX {
	padding:0;
	margin-bottom:25px;
}
.EMBCONS-01 {
	padding:0 8px 0 0;
	margin:10px 0 0 0;
}
.EMBCONS-02 {
	padding:0 4px 0 4px;
	margin:10px 0 0 0;
}
.EMBCONS-03 {
	padding:0 0 0 8px;
	margin:10px 0 0 0;
}
.EMBCONS-04 {
	display:none;
}
}
/* //////////////////////////////////////////////////////////////////// NEW RUBRIQUE HOME (END) */


/* /////////////////////////////////////////////////////////////// NEW SIDEBAR ARTICLE/RUBRIQUE */
#tp-gradient {
	  width: 100%;
	  padding: 0px;
	  margin: 0px;
	}

@media (max-width: 439px) {
#content { margin-top: 0; }
.TWITTER-SIDEBARBOX {
	margin-bottom:25px;
}
.TWITTER-SIDEBARBOX .col-xs-12 {
	height:415px;
}
.FACEBOOK-SIDEBARBOX {
	margin-bottom:25px;
}
.TOP-STORIES-SIDEBARBOX {
	margin-bottom:25px;
}
.SUBSCRIPTIONS-SIDEBARBOX {
	margin-bottom:25px;
}
.CONTACT-SIDEBARBOX {
	margin-bottom:25px;
}
}
@media (min-width: 440px) and (max-width: 767px) {
#content { margin-top: 0; }
.TWITTER-SIDEBARBOX {
	margin-bottom:25px;
}
.TWITTER-SIDEBARBOX .col-xs-12 {
	height:415px;
}
.FACEBOOK-SIDEBARBOX {
	margin-bottom:25px;
}
.TOP-STORIES-SIDEBARBOX {
	margin-bottom:25px;
}
.SUBSCRIPTIONS-SIDEBARBOX {
	margin-bottom:25px;
}
.CONTACT-SIDEBARBOX {
	margin-bottom:25px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
#content { margin-top: 0; }
.TWITTER-SIDEBARBOX {
	padding-left:0;
	margin-bottom:25px;
}
.TWITTER-SIDEBARBOX .col-sm-6 {
	height:415px;
}
a.twitter-timeline {height:400px !important;}

.FACEBOOK-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
}
.TOP-STORIES-SIDEBARBOX {
	padding:0;
	margin-bottom:25px;
}
.SUBSCRIPTIONS-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
}
.CONTACT-SIDEBARBOX {
	padding-left:0;
	margin-bottom:25px;
}
}
 @media (min-width: 992px) and (max-width: 1199px) {
.TWITTER-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
	border-right:solid 1px #eee;
}
.TWITTER-SIDEBARBOX .col-md-12 {
	height:565px;
}
.TWITTER-SIDEBARBOX iframe {width:227px !important;}
.FACEBOOK-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
	border-right:solid 1px #eee;
}
.FACEBOOK-SIDEBARBOX iframe {width:225px !important;}
.TOP-STORIES-SIDEBARBOX {
	padding-left:15px;
	margin-bottom:25px;
}
.SUBSCRIPTIONS-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
}
.CONTACT-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
}
}
 @media (min-width: 1200px) {
.TWITTER-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
	border-right:solid 1px #eee;
}
.TWITTER-SIDEBARBOX .col-lg-12 {
	height:565px;
}
.FACEBOOK-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
	border-right:solid 1px #eee;
}
.FACEBOOK-SIDEBARBOX .col-lg-12 {
	height:565px;
}
.TOP-STORIES-SIDEBARBOX {
	padding-left:15px;
	margin-bottom:25px;
}
.SUBSCRIPTIONS-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
}
.CONTACT-SIDEBARBOX {
	padding-right:0;
	margin-bottom:25px;
}
}

/* ///////////////////////////////////////////////////////// NEW SIDEBAR ARTICLE/RUBRIQUE (END) */


/* ////////////////////////////////////////////////////////////////// POSITIONNEMENT MORE-FOCUS */
@media (max-width: 767px) {
.more-focus {
right:15px;
}
}
/* //////////////////////////////////////////////////////////// POSITIONNEMENT MORE-FOCUS (END) */

/* /////////////////////////////////////////////////////////////////////////////////// EURO2016 */
@media (max-width: 439px) {
.euro2016 {
	background-image: url("/IMG/jpg/bandeau-P01-euro2016.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
}
@media (min-width: 440px) and (max-width: 767px) {
.euro2016 {
	background-image: url("/IMG/jpg/bandeau-P02-euro2016.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.euro2016 {
	background-image: url("/IMG/jpg/bandeau-P03-euro2016.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.euro2016 {
	background-image: url("/IMG/jpg/bandeau-P04-euro2016.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
}
@media (min-width: 1200px) and (max-width: 1534px) {
.euro2016 {
	background-image: url("/IMG/jpg/bandeau-P05-euro2016.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
}
@media (min-width: 1535px) {
.euro2016 {
	background-image: url("/IMG/jpg/bandeau-P06-euro2016.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
}

/* ///////////////////////////////////////////////////////////////////////////// EURO2016 (END) */

/* /////////////////////////////////////////////////////////////////////////////////// BRASSARD */

.brassard {
	background-image: url("/skelkitposte/images/brassard.jpg");
	background-repeat: no-repeat;
	background-position: left;
}

/* ///////////////////////////////////////////////////////////////////////////// BRASSARD (END) */

/* //////////////////////////////////////////////////////////////////////////////// EVENTS PAGE */

@media (max-width: 767px) {
.col-sm-6 .caption_autres, .col-xs-12 .caption_autres {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-top:10px;
}
}

/* ////////////////////////////////////////////////////////////////////////// EVENTS PAGE (END) */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MISC TOPICS (END) */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */