@charset "utf-8";
* {
margin:0;
padding:0;
}

img {
border:0;
}

* {
outline: none;
} 

a {
color:#000;
}

a:hover {
text-decoration:none;
color:#000;
}

a:focus {
outline:0;
} 

@font-face {
font-family: 'core_rhino_35_lightregular';
src: url('../fonts/corerhino35light-webfont.eot');
src: url('../fonts/corerhino35light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/corerhino35light-webfont.woff2') format('woff2'),
	 url('../fonts/corerhino35light-webfont.woff') format('woff'),
	 url('../fonts/corerhino35light-webfont.ttf') format('truetype'),
	 url('../fonts/corerhino35light-webfont.svg#core_rhino_35_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}

ul {
margin-left:15px;
}

body {
font-family: 'core_rhino_35_lightregular';
background-repeat:no-repeat;
}

body.noir {
color:#fff;
background-color:#000;
}

body.noir {
background-image:url("../images/fond_bouteille.jpg");
background-position:center top;
}

body.noir #page a {
color:#FFF;
}

body.blanc {
color:#000;
background-color:#fff;
}

body.blanc {
background-image:url("../images/fond_verre.jpg");
background-position:center bottom;
}

.titre_noir {
font-family: 'core_rhino_35_lightregular';
font-size:28px;
color:#E5E78F;
margin-bottom:10px;
margin-top: 0;
font-weight: normal;
line-height: normal;
}

.titre_blanc {
font-family: 'core_rhino_35_lightregular';
font-size:28px;
color:#E84354;
margin-bottom:10px;
margin-top: 0;
font-weight: normal;
line-height: normal;
}

.plus {
background-color:#000;
border:1px solid #FFF;
padding-left:5px;
padding-right:5px;
text-align:center;
display:block;
width:150px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}

body.noir #page .plus a, body.blanc #page .plus a {
color:#FFF;
}

/*
| ----------------------------------------------------------------------------------------------
| Menu Site
| ----------------------------------------------------------------------------------------------
*/
#menu.blanc {
background-color:#FFF;
}

#menu.blanc .navbar-default {
background-color:#FFF;
border-color:transparent;
}

#menu.noir {
background-color:#000;
}

#menu.noir .navbar-default {
background-color:#000;
border-color:transparent;
}

#menu .navbar {
border-radius:0;
padding-top:15px;
margin-bottom:0;
position:relative;
}

#menu .logo {
padding-left:0;
}

#menu .logo img {
width:250px;
}

#menu #mail {
text-align:right;
padding-right:0;
}

#menu .navbar-default .navbar-collapse, #menu .navbar-default .navbar-form {
border-color: transparent;
}

#menu .navbar-collapse {
box-shadow:none;
}

#menu .navbar-nav {
width:100%;
}

#menu .row {
position:relative;
}

#menu #langue ul {
list-style:none;
position:absolute;
right:0;
top:20px;
}

.dropdown > a:focus {
text-decoration:none;
}

#menu #langue a {
color:#FFF;
font-size:10px;
}

#menu #langue .dropdown-menu, #menu #langue .dropdown-menu > li > a:focus, #menu #langue .dropdown-menu > li > a:hover {
background-color: transparent;
}

#menu #langue .dropdown-menu {
padding:0;
margin:0;
}

#menu #langue .dropdown-menu > li > a {
padding: 0 12px;
}

#menu .nav li a {
padding:3px 0;
}

#menu .nav a.menu_principal {
line-height:16px;
}

#menu .nav a.menu_principal:hover {
color:#E5E78F;
}

#menu .nav img {
width:60px;
height:60px;
margin-left:25px;
margin-right:25px;
}

#menu .col-md-9 {
padding-right:0;
}

#menu .nav #btn_qui {
background-image:url("../images/btn_qui.png");
background-repeat:no-repeat;
background-position:top center;
text-align:center;
font-size:12px;
width:13%;
}

#menu .nav #btn_qui:hover, #menu .nav #btn_qui.menu_hover {
background-image:url("../images/btn_qui_hover.png");
}

#menu .nav #btn_qui:hover a.menu_principal, #menu .nav #btn_qui.menu_hover a.menu_principal {
color:#E5E78F;
}

#menu .nav #btn_oenologue {
background-image:url("../images/btn_oenologue.png");
background-repeat:no-repeat;
background-position:top center;
text-align:center;
font-size:12px;
width:13%;
}

#menu .nav #btn_oenologue:hover, #menu .nav #btn_oenologue.menu_hover {
background-image:url("../images/btn_oenologue_hover.png");
}

#menu .nav #btn_oenologue:hover a.menu_principal, #menu .nav #btn_oenologue.menu_hover a.menu_principal {
color:#d41217;
}

#menu .nav #btn_monde {
background-image:url("../images/btn_monde.png");
background-repeat:no-repeat;
background-position:top center;
text-align:center;
font-size:12px;
width:13%;
}

#menu .nav #btn_monde:hover, #menu .nav #btn_monde.menu_hover {
background-image:url("../images/btn_monde_hover.png");
}

#menu .nav #btn_monde:hover a.menu_principal, #menu .nav #btn_monde.menu_hover a.menu_principal {
color:#E5E78F;
}

#menu .nav #btn_monde:hover a.menu_principal, #menu .nav #btn_monde.menu_hover a.menu_principal {
color:#e74692;
}

#menu .nav #btn_blog {
background-image:url("../images/btn_blog.png");
background-repeat:no-repeat;
background-position:top center;
text-align:center;
font-size:12px;
width:13%;
}

#menu .nav #btn_blog:hover, #menu .nav #btn_blog.menu_hover {
background-image:url("../images/btn_blog_hover.png");
}

#menu .nav #btn_blog:hover a.menu_principal, #menu .nav #btn_blog.menu_hover a.menu_principal {
color:#E5E78F;
}

#menu .nav #btn_sinformer {
background-image:url("../images/btn_sinformer.png");
background-repeat:no-repeat;
background-position:top center;
text-align:center;
font-size:12px;
width:13%;
}

#menu .nav #btn_sinformer:hover, #menu .nav #btn_sinformer.menu_hover, #menu .nav #btn_sinformer:active {
background-image:url("../images/btn_sinformer_hover.png");
}

#menu .nav #btn_sinformer:hover a.menu_principal, #menu .nav #btn_sinformer.menu_hover a.menu_principal {
color:#E5E78F;
}

#menu .nav #btn_mail {
background-image:url("../images/btn_mail.png");
background-repeat:no-repeat;
background-position:top center;
text-align:center;
font-size:12px;
width:13%;
}

#menu .nav #btn_mail:hover, #menu .nav #btn_mail.menu_hover {
background-image:url("../images/btn_mail_hover.png");
}

#menu .nav #btn_mail:hover a.menu_principal, #menu .nav #btn_mail.menu_hover a.menu_principal {
color:#E5E78F;
}

/*#menu #collapseOne_sm, #menu #collapseOne_lg,#menu #collapseTwo_sm, #menu #collapseTwo_lg,#menu #collapseThree_sm, #menu #collapseThree_lg {
display:none;
}*/

#menu .menu_secondaire a, #menu .menu_secondaire li a {
font-size:12px;
padding:5px;
}

#menu.noir .menu_secondaire a, #menu.noir .menu_secondaire li a {
color:#FFF;
}

#menu.blanc .menu_secondaire a, #menu.blanc .menu_secondaire li a {
color:#000;
}

#menu .menu_secondaire a:hover {
background-color:#6c6c6c;
color:#FFF;
}

#menu .menu_secondaire td {
border-top-color:transparent;
}

#menu .menu_secondaire li {
list-style:none;
}

#menu ul.menu_secondaire {
margin-left:0;
}

#menu .table td {
}

#menu .panel-body {
padding-bottom:0;
}


/*
| ----------------------------------------------------------------------------------------------
| Menu bas
| ----------------------------------------------------------------------------------------------
*/
body.blanc #footer {
background-image:url("../images/fond_vague_bas_blanc.png");
background-repeat:repeat-x;
}

body.blanc #menu_bas {
background-color:#000;
}

body.noir #footer {
background-image:url("../images/fond_vague_bas_noir.png");
background-repeat:repeat-x;
}

#footer #menu_bas {
color:#FFF;
padding-top:15px;
padding-bottom:15px;
}

#footer #vague_bas {
height:21px;
width:100%;
}

#footer #menu_bas img {
margin-right:15px;
margin-left:15px;
}

#footer #menu_bas a {
color:#FFF;
font-size:12px;
}

#footer #menu_bas {
font-size:12px;
}

/*
| ----------------------------------------------------------------------------------------------
| Bandeau
| ----------------------------------------------------------------------------------------------
*/
#bandeau {
position:relative;
}

#bandeau #vague_haut {
height:21px;
width:100%;
background-image:url("../images/fond_vague_haut_noir.png");
background-repeat:repeat-x;
position:absolute;
top:0;
}

#bandeau.accueil #vague_haut {
background-image:url("../images/fond_vague_haut_blanc.png");
background-color:#000;
height:21px;
}

/*
| ----------------------------------------------------------------------------------------------
| Page
| ----------------------------------------------------------------------------------------------
*/
#page {
padding:50px 0 30px 0;
line-height:24px;
}

#page .breadcrumb {
background-color:transparent;
text-align:right;
padding-right:0;
font-size:10px;
}

#page .breadcrumb .active {
color:#E5E78F;
}

body.blanc #page .breadcrumb .active {
color:#E84354;
}

#page .breadcrumb > li + li:before {
color: #ccc;
content: ">	 ";
padding: 0 5px;
}

/*
| ----------------------------------------------------------------------------------------------
| Accueil
| ----------------------------------------------------------------------------------------------
*/
#page.accueil {
position:relative;
}

#page #accueil {
line-height:normal;
}

#page #accueil .plus {
background-color:#e5e88f;
}

#page #accueil .plus a {
color:#000;
}

#page #accueil #depuis  {
position:absolute;
bottom:80px;
left:0;
text-align:center;
line-height:normal;
}

#page #accueil #concentration  {
bottom:120px;
right:60px;
font-size:24px;
background-image:url("../images/rond_concentration.png");
background-repeat:no-repeat;
background-position:center top;
padding-top:50px;
text-align:center;
position:absolute;
}

#page #accueil .rond .texte {
font-size:12px;
position:absolute;
width:100%;
top:188px;
color:#666;
text-align:center;
padding:0 55px 0 55px;
}

#page #accueil .rond .texte .titre {
background-color:#FFF;
font-size:22px;
padding:0 20px 0 20px;
}

#page #accueil #rond_blog  {
position:absolute;
top:0;
left:21%;
background-image:url("../images/rond_blog.png");
background-repeat:no-repeat;
background-position:center;
width:330px;
height:330px;
}

#page #accueil #rond_blog #haut_blog  {
position:absolute;
top:50px;
right:-60px;
}

#page #accueil #rond_sinformer  {
position:absolute;
top:5%;
right:19%;
background-image:url("../images/rond_sinformer.png");
background-repeat:no-repeat;
background-position:center;
width:330px;
height:330px;
}

#page #accueil #rond_sinformer #haut_sinformer  {
position:absolute;
top:0;
left:40px;
}

#page #accueil #rond_monde  {
margin-top:280px;
background-image:url("../images/rond_monde.png");
background-repeat:no-repeat;
background-position:center;
width:330px;
height:330px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#page #accueil #rond_monde #haut_monde  {
position:absolute;
top:-40px;
left:130px;
}

/*
| ----------------------------------------------------------------------------------------------
| Autres
| ----------------------------------------------------------------------------------------------
*/
#page #liste_pays {
list-style:none;
text-transform:uppercase;
text-align:right;
}

#page #texte_blanc {
/*height:1200px;*/
padding-bottom:900px;
}

#page #liste_pays li {
height:30px;
line-height:30px;
}

#page .adresse {
background-color:#1d1d1b;
color:#FFF;
}

#page .adresse a {
color:#FFF;
}

#page #liste_pays a {
padding-right:80px;
}

#page #liste_pays li:hover {
background-image:url("../images/select.png");
background-repeat:no-repeat;
background-position:right;
}

#page #liste_pays li.a_hover {
background-image:url("../images/select.png");
background-repeat:no-repeat;
background-position:right;
}


@media (max-width: 1200px) {
	#page #accueil #concentration  {
	font-size:20px;
	}

	#page #accueil #rond_sinformer  {
	right:13%;
	}

	#page #accueil #rond_blog  {
	left:15%;
	}
}
	
@media (max-width: 991px) {
	.titre_noir, .titre_blanc {
	margin-top:15px;
	}

	.img-responsive.img-center {
	display: table;
	margin: 0 auto;
	}

	/*
	| ----------------------------------------------------------------------------------------------
	| Menu Site
	| ----------------------------------------------------------------------------------------------
	*/
	#menu .logo .img-responsive {
    margin: 0 auto 20px auto;
	}

	#menu li {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	}

	#menu .nav #btn_qui, #menu .nav #btn_oenologue, #menu .nav #btn_blog, #menu .nav #btn_monde, #menu .nav #btn_sinformer, #menu .nav #btn_mail {
	width:100%;
	}

	#menu #langue .dropdown-menu li {
	margin-bottom:0;
	}

	#menu .nav {
	margin-bottom:20px;
	}
	
	/*
	| ----------------------------------------------------------------------------------------------
	| Page
	| ----------------------------------------------------------------------------------------------
	*/
	#page {
	padding:30px 0 30px 0;
	}

	/*
	| ----------------------------------------------------------------------------------------------
	| Accueil
	| ----------------------------------------------------------------------------------------------
	*/
	#page #accueil {
	padding-left:0;
	padding-right:0;
	}
		
	#page #accueil #depuis  {
	position:relative;
	left:auto;
	bottom:0;
	}
	
	#page #accueil #concentration  {
	position:relative;
	right:auto;
	bottom:0;
	}

	#page #accueil #rond_blog  {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:auto;
	}

	#page #accueil #rond_sinformer  {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	right:auto;
	}

	#page #accueil #rond_monde  {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:auto;
	margin-top:0;
	}

	#page #accueil #rond_monde #haut_monde  {
	position:absolute;
	top:0;
	left:10px;
	}

	#page #accueil #rond_sinformer #haut_sinformer  {
	position:absolute;
	top:0;
	left:40px;
	}

	#page #accueil #rond_blog #haut_blog  {
	position:absolute;
	top:50px;
	right:-60px;
	}

	/*
	| ----------------------------------------------------------------------------------------------
	| Autres
	| ----------------------------------------------------------------------------------------------
	*/
	#page #liste_pays {
	text-align:left;
	}

	#page #liste_pays li:hover {
	background-position:100px;
	}
	
	#page #liste_pays li.a_hover {
	background-position:100px;
	}