/************couleurs utilis�es ***************/
/*orangé : F19A0E
fond sous-menus beige :#D3CCBC
titres sousmenu kaki: #7D7753
titres sousmenu hover gris fonc� :474747
FontAwesome : 
gros supérieur = fa-chevron-right  \f054; 
supérieur = fa-angle-right  \f105 
gros inférieur = fa-chevron-left \f053
inférieur = fa-angle-left \f104 
flèche dans rond =fa-arrow-circle-o-right \f18e
plus cercle : f055 
quote left : f10d 
arrow-right: f061 
download : f019
*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
html { font-size: 62.5%; } 

body {
	font-size: 14px;
	font-size:1.4rem;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-weight:400;
	color:#3e3e3e;
	background:#7b7b7b;
}
img{
	height: auto;
    max-width: 100%;
}  
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight:600;
	color:#F09C2C;
	}
#basque h1, #basque h2, #basque h3, #basque h4 {color:#fb8b01;}
h1, .h1 {
	font-size:24px;
	font-size:2.4rem;
	font-weight:600;
	text-transform:uppercase;
	border-bottom:1px solid #b9b9b9;
	padding-bottom:18px;
	margin-bottom:30px;
	margin-top:0;
}
h1:before {content:"\f054";
		font-family:"FontAwesome";
		border-bottom:0 none;
		padding-right:12px;
}
h2, .h2 {
	font-size:22px;
	font-size:2.2rem;
	}

.first-headline {margin-top:0; margin-bottom:24px;}

h3, .h3, legend {
	font-size:19px; font-size:1.9rem;}

h4, .h4 {font-size:17px; font-size:1.7rem;}
strong {font-weight:700;}

.center, .align-center {text-align:center;}
.align-right {text-align:right;}
.align-left {text-align:left;}

a {color:#F09C2C}
a[href*="L=4"], a[href*="eu/"], a[href*="hi=eu"], #basque .mainBloc a, #basque .breadcrumb a {color:#fb8b01}
.list-inline li { padding:0 6px; border-left:1px solid #b8b8b8; line-height:.8}
.list-inline  li:first-child {border:0 none;}

/*** le site ****/
#header .accroche {padding:6px; font-size:1.4rem; font-weight:700; color:#fb8b01;}

#header .recherche label {display:none;}
#langue {text-align:right;}
.ligne2 {background:#fff;}
.ligne2 .container {border-top:16px solid #AD293E; padding:0;}
.ligne2 .col-md-4 > div {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,ffffff+48&1+0,0+50 */
background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(255,255,255,0.04) 48%, rgba(255,255,255,0) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(255,255,255,0.04) 48%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(255,255,255,0.04) 48%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	padding:12px;
}
.breadcrumb {background:0 none; padding-top:55px;}
/*menu proncipal*/

.navbar-toggle {
	position: absolute;
	background-color: #AD293E;
	top: 120px;
	right: 0;
}
.navbar-toggle .icon-bar {
	background: #F09C2C;
}
.navbar-nav, .navbar-nav > li {float:none;}
.mainmenu, .menudroite {padding-top:48px;}
.mainmenu img, .menudroite img {max-width:100%;}
.mainmenu ul, .menu_eu, .mainmenu li, .menu_eu li {
	list-style:none; 
	margin:0; padding:0;
	}
#main .menu_eu,#main .menu_fr  {padding-top:25px; margin-bottom:24px;margin-top: 1px; }

.mainmenu > ul a, .menu_eu > li a,.nav .open>a {
	text-transform:uppercase; 
	display:block; 
	min-height:30px; 
	padding:10px 6px; 
	border-top:1px solid #fff; 
	color:#fff;
	}
.mainmenu > ul li:first-child a, .menu_eu > li:first-child  a {border-top:none;}
.menu_fr, .menu_fr a,.mainmenu ul {background:#F09C2C; font-weight:600;}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: #333;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #333;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #F09C2C;
}
.menu_eu.nav .open>a, .menu_eu.nav .open>a:focus, .menu_eu.nav .open>a:hover {
    background-color: #fb8b01;
}
#basque .mainmenu ul, #basque .mainmenu ul a, .mainmenu .menu_eu,.menu_eu, .menu_eu a {background:#fb8b01;font-weight:600;}
#basque .mainmenu ul.smenu, .mainmenu ul.smenu, .mainmenu .navbar-nav ul.smenu, .menu_fr ul.smenu, .menu_eu ul.smenu {
	background-color: #333;
	text-transform:none;
	color:#fff;
	border:0 none;
	text-decoration:none;
	font-size:1.3rem;
	padding-left:10px;
	}
#basque .mainmenu ul.smenu a, .mainmenu ul.smenu a, .menu_fr ul.smenu a, .menu_eu ul.smenu a {
	background:#333;
	border: 0 none;
	}
.mainmenu ul.ssmenu{	
	font-weight:400;
	margin-left:10px;	
	font-size:1.2rem;
}		
.mainmenu ul.smenu a:before, .menu_eu ul.smenu a:before {
	content:"\f054";
	font-family:"FontAwesome";
	color:#333;
	text-decoration:none;
	padding-right:4px;
	display:inline-block;
	margin-left:-12px;
}
.mainmenu ul.smenu a.current,.mainmenu ul.smenu a.active,.mainmenu ul.smenu a:hover, .mainmenu ul.smenu a:hover:before {text-decoration:none !important; color:#F09C2C;}
#basque .mainmenu ul.smenu a.current,#basque .mainmenu ul.smenu a.active,#basque .mainmenu ul.smenu a:hover, #basque .mainmenu ul.smenu a:hover:before, .menu_eu ul.smenu a:hover, .menu_eu ul.smenu a:hover:before {text-decoration:none !important; color:#fb8b01;}

.mainmenu .tx-felogin-pi1 {
	display:none;
}

/***mainBloc ****/
.mainBloc {padding-bottom:24px;}
.mainBloc li {list-style:none;}
.mainBloc li:before {
	content:"\f054";
	padding-right:6px;
	font-family:"FontAwesome";
	color:#F09C2C;
	}
li.csc-textpic-image:before {
	display:none;
}
#basque .mainBloc li:before {color:#fb8b01;}
.mainBloc li p {display:inline;}
#footer {
	padding-top:24px;
	background:#fff url("img/biais-footer.png") no-repeat top right; 
	border-top:6px solid #e1e1e1;
	color:#fff;}
#footer a {color:#565656;}
#footer .img {max-width:100%;}
#footer .logo_footer,#footer .partenaire {padding-top:24px;}
#footer .adresse {padding-top: 3rem;color:#565656;}
#footer .partenaire {text-align: left;line-height: 1.3rem; font-size:1.6rem;color:#565656;}
#footer .partenaire img {margin: 0 3rem 2rem 0}
#footer .adresse {text-align:right;}
.separateur {margin-top:24px; padding-top:6px; border-top:1px solid #9c9c9c}
#footer .separateur {text-align:right;}
#footer .foot_menu {display:inline-block; padding-left:24px; font-size:1.3rem;}
#footer .novaldi {text-align:left; font-size:1.2rem;}

/*** les fce ***/
.bord_gauche, .encadre, .savoirplus, .float_droite, .float_gauche, .mainBloc .accroche {
	padding:24px; 
	background:#f4f4f4; 
	margin:0 0 24px 0;
	}
.float_droite {float:right; overflow:hidden; margin-left:24px; width:300px}
.float_bauche {float:left; overflow:hidden; margin-right:24px;; width:300px;}
.bord_gauche {border-left:6px solid #b1b1b1;}
.encadre {border:2px solid #b1b1b1;}
.encadre > div h3:first-child, .encadre > div h4:first-child, .encadre > div h2:first-child {margin-top:0;}
.float_droite h2, #basque .float_droite h2,
.float_gauche h2, #basque .float_gauche h2,
.bord_gauche h2, 
.encadre h2,
.savoirplus h2, #basque .savoirplus h2 {color:#474747; margin-top:0;}
.float_droite h2, #basque .float_droite h2,
.float_gauche h2, #basque .float_gauche h2 {font-size:1.8rem;}
.savoirplus:before, .mainBloc .accroche:before {content:"\f055"; font-family:"FontAwesome"; float:left; padding-right:12px; display:block; font-size:4rem;line-height:.6;}
 .mainBloc .accroche:before {content:"\f10d";}
.mainBloc .savoirplus li:before, #basque .mainBloc .savoirplus li:before {color:#474747;}
.bord_gauche ul, .encadre ul, .savoirplus ul {padding-left:20px;}
.float_droite ul, #basque .float_gauche ul {padding-left:0;}
.download, .telecharger a {
    background: rgba(0, 0, 0, 0) url("img/download.gif") no-repeat scroll left top;
}
.download, .telecharger a, .ecouter a, .voir a {
    padding-left: 20px;
    margin-left:20px;

}
.filelinks.miniature li:before {
	content:none;	
}	
.filelinks.miniature li {
    background-image: none !important;
    border-bottom: 1px dotted #a9b8a5;
    margin: 0 0 20px;
    padding-bottom: 20px;
}.filelinks.miniature h2 {
	min-height: 50px;
}
.filelinks.miniature li .bouton {
    background: url(img/fileicons/pdf.gif) no-repeat;
    padding-left: 20px;
}
.filelinks.miniature {
    border-bottom: 1px dotted #a9b8a5;
}
/**** extensions ****/
.actualite h3 {font-size:15px; font-size:1.5rem;}
.actu h2 {
	margin-top:12px; 
	margin-bottom:4px; 
	color:#7B7B7B; 
	text-align:center; 
	text-transform:uppercase;
	}
.actu h2:after {content:"\f078";
	display:block;
	font-family:"FontAwesome";
	text-align:center;
	font-size:34px;
	font-size:3.4rem;
	position:relative;
	top:-10px;
	color:#F09C2C;
	}

.actu .actualite {
	border:1px solid #c7c7c7; 
	margin-bottom:24px;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,ffffff+48&1+0,0+50 */
background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(255,255,255,0.04) 48%, rgba(255,255,255,0) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(255,255,255,0.04) 48%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(255,255,255,0.04) 48%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
.actualite h3 {
	margin:0;
	border-bottom:1px solid #F09C2C;
	padding:24px 6px 3px 6px;
	font-size:1.4rem;
}
#actu_eu .actualite a {color:#fb8b01;}
.actualite p {padding:6px; font-size:1.3rem;}
.actualite {position:relative;}
.actualite p.suite {text-align:right;}
.actualite p.suite a, #actu_eu .actualite p.suite a {
	display:inline-block;
	background:#7b7b7b; 
	color:#fff; 
	padding:2px 6px;; 
	font-size:1.2rem; 
	font-weight:600;
	text-transform:uppercase;
	border-left:18px solid #F09C2C; 
	}
.actualite .date {position:absolute; top:3px; left:6px; font-size:1.2rem; font-weight:600; color:#7b7b7b;}
.actu #actu_eu h2:after {color:#fb8b01;}
#actu_eu .actualite h3, #actu_eu .actualite p.suite a {border-color:#fb8b01;}
.news-list-browse {font-size:1.2rem; clear:both}
.list-actualites .actualite {overflow:no; margin:0 0 24px 0; padding:12px;}
.list-actualites .actualite h3 {padding:6px 0 6px 0; }
.list-actualites .actualite p {padding:0;}
.list-actualites .actualite .illustration {float:right; margin:3px 0 3px 3px;}
.single_atualite .news-single-img {
	float:right; 
	margin: 10px 15px;
}
.list-actualites .categorie, .single_atualite .categorie {
	display:none;
}
.single_atualite .date{
	font-weight:bold;
	font-size: 12px;
	display: block;
    position: relative;
    margin: 0 10px;
    text-align: right;
	
}
.single_atualite h3 {font-size:1.8rem; position:relative;}
.mainmenu .menu-actus, .mainmenu .sommaire { padding-top:25px; background:#F09C2C;}
#basque .mainmenu .menu-actus, #basque .mainmenu .sommaire { padding-top:25px; background:#fb8b01;;}
.mainmenu .menu-actus ul li a { display:block; color:#fff; padding:6px 12px; border-bottom:1px solid #fff;}
.mainmenu .menu-actus a, .mainmenu .sommaire a {display: block; padding:6px 12px; color:#fff; font-weight:600;}
/****formulaire */
.help, .error {display:none;}
label {min-width:150px;}
.mainBloc input[type="TEXT"],.mainBloc input[type="PASSWORD"], .mainBloc select, .mainBloc textarea {width:350px; max-width:100%;}

fieldset.tx-powermail-pi1_fieldset input::placeholder {
	opacity:0.7;
	font-style:italic;

}
fieldset.tx-powermail-pi1_fieldset input::-webkit-input-placeholder {
	opacity:0.7;
	font-style:italic;

}
fieldset.tx-powermail-pi1_fieldset input::-moz-placeholder {
	opacity:0.7;
	font-style:italic;

}
fieldset.tx-powermail-pi1_fieldset input:-ms-input-placeholder {
	opacity:0.7;
	font-style:italic;

}


.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset label,fieldset.tx-powermail-pi1_fieldset fieldset legend,.tx-powermail-pi1 #tx-powermail-pi1_fieldset_2 label{ 
	font-weight: normal;
	font-size: 14px;
    margin-left: 0;
    width: 260px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner, fieldset.tx-powermail-pi1_fieldset .powermail_check_inner{
    margin-left: 260px;
}

.tx-powermail-pi1 .hide_legend>legend,.tx-powermail-pi1 .hide_legend>fieldset>legend,.tx-powermail-pi1 .hide_legend>label{
	display:none;
}
.tx-powermail-pi1 .strong_legend>fieldset>legend,.tx-powermail-pi1 .strong_legend>label,.tx-powermail-pi1 .strong_legend{
	font-weight: bold;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset .court input{
    width: 70px;
}

.tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html_submit{	
	text-align: center;
	margin:0;
}
.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset input.powermail_submit{
	margin: 0;
}


/*** ecole ***/
.mainBloc .tx-ecoles-pi1 .ecole {
    margin-left: 6px;
    width: 260px;
    
}
.mainBloc .tx-ecoles-pi1 .ecole .coordonnees {
	height:auto;
	padding-bottom:0;
    min-height:120px;
}
.mainBloc .tx-ecoles-pi1 .ecole h2 {
    font-size:1.7rem;
    margin:0;
    padding:6px 12px;
    min-height:60px
}
.mainBloc .tx-ecoles-pi1 .ecole .infoecoles {

    min-height:80px
}

/**** le responsive ****/
@media screen and (max-width:767px){
	.breadcrumb {
	    padding: 10px 0 0 0;
	    margin-bottom: 0;
	}
	#bandeau {display:none;}
	#main {background:#fff;}
	#header {background:#fff;}
	.tx-macinasearchbox-pi1 {padding:3px; background:#7b7b7b; }
	.mainmenu {padding-top:6px;}
	
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap {	
		width:auto !important;
	}
	fieldset.tx-powermail-pi1_fieldset fieldset legend {
		position:relative;
	}
	fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner, fieldset.tx-powermail-pi1_fieldset .powermail_check_inner {
    	margin-left: 10px;
	}
	
		
}
@media screen and (max-width:991px){
	.navbar-nav > li > a span.middle {padding:0 12px 0 25px; display: inline-block;}
	.navbar-nav > li > a span.middle span {padding-left:0; }
	.navbar-main>li:first-child>.btn_down {
	top: 0;	
	}
	.navbar-main>li>.btn_down {
	display:block;
	line-height: 1.9;
	position: absolute;
	top: 1px;
	right:0;
	padding: 0px 6px;
	background-color: #acacac;
	text-align: center;
	cursor: pointer;
	z-index: 1;
	height: 40px;
	}
	.navbar-main>li>.btn_down:after {
    content: "\e114";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 1.3rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    top: calc(50% - 1.3rem);
    position: relative;
 	}
	.navbar-main>li>.btn_down:hover:after {
    color: #474747;
	}
	.navbar-main>li>.btn_down[aria-expanded="true"]:after{
	content: "\e113";
	}
	.dropdown-menu > li > a {	
	font-size:15px;
	white-space:inherit;
	}
	.dropdown-menu .ssmenu > li > a {	
	line-height:1.9;
	
	display:block}
	.dropdown-menu .sssmenu > li > a  {
		
	}
}
@media (min-width:768px){
#navigation{
    display: table!important;
    width:100%;
}
#header {background:#fff url("img/2016-biais-guillemets.png") no-repeat top right;}
#header .accroche {padding-top:40px; font-size:2rem; font-weight:700; color:#fb8b01;}
#langue a {color:#000; line-height:1; }
.logo img {max-width:100%;}
#main {background:#fff url("img/2016-bg_main.png") repeat-x top;}
#bandeau {position:relative; }
#bandeau .flexslider .slides > li {
    height: 256px;
    position: relative;
}
#bandeau .flexslider {background:transparent 0 none;}
#bandeau .flexslider {
  
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    max-height: 100%;
    width: 100%;
}

.flexslider .slides {
    padding: 0;
}
.marquee {
	clear:both;
	bottom:-5px;  background:rgba(255,255,255,0.7);
	z-index:1000;
	overflow:hidden;
	}
.marquee > p {    display: inline;
    white-space: nowrap;
    width: auto;
    }

.actu .actualite {
	min-height:280px;
	}
	
	
	fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_text.hide_legend {
		margin-left:190px; 
	}
	
}
@media (min-width:768px) and (max-width:991px) {
	#langue, .tx-macinasearchbox-pi1 {width:45%; display:inline-block; vertical-align:top; padding-left:8%;}
}
@media (min-width:992px){
	.marquee {
		bottom:40px;
	}
	#header .recherche .tx-macinasearchbox-pi1 {position:relative; padding-right:5px;}

#header .recherche input {border:1px solid #b8b8b8; padding-right:20px;}
#header .recherche input[type="SUBMIT"] {background:0 none; position:absolute; right:15px; top:3px; text-transform:uppercase; color:#b8b8b8; border:0 none; font-weight:600;padding:0;}

#header .recherche {padding-top:40px; text-align:right;}
.actu h2 {color:#fff;}
	#footer .addthis_inline_share_toolbox {clear:none !important; padding-top:25px;text-align:right }
	.list-actualites .actualite {width:250px; min-height:330px;  float:left; overflow:no; margin:0 12px 24px 12px; }
	.actualite h3 {
	margin:0;
	min-height:90px;
	}
	.list-actualites .actualite p.suite { position:absolute; bottom:1px; right:12px;}
}
@media (min-width:1200px){
		
	.mainmenu > ul:after, .menu_eu:after {
	    border-color: #f09c2c #fff;
    border-image: none;
    border-style: solid solid none;
    border-width: 50px 45px 0 0;
    content: "";
    display: block;
    height: 0;
    width: 262px;
}
#basque .mainmenu > ul:after,  .menu_eu:after {
	    border-color: #fb8b01 #fff;
    width: 263px;
}
#header .euskaltzaindia {background:url('img/euskaltzaindia-logo.png') no-repeat 680px 32px;}
#header .euskaltzaindia .accroche,#header .itzuli .accroche {font-size:16px; padding-top:50px}
}



#header .itzuli .logo+div+div::after {
content:url(img/Logotipo_del_Gobierno_Vasco.svg);
	width:140px;
	display: inline-block;
	margin-top: 1rem;
}

.tx-itzuli-pi1 label {
    min-width: unset;
}
.tx-itzuli-pi1 textarea,.tx-itzuli-pi1 select {
    width: auto;
}
.tx-itzuli-pi1 textarea {
    width: 100%;
}

#bandeau .wrap-outil{ 
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    margin: 1rem 0;
    text-align: center;
}	
#bandeau .logo{ 
    border:1px solid black;
    border-width:1px 0
}	
#bandeau .wrap-bloc{ 
    background-color: white;
    background-clip: content-box;
}
#bandeau .bloc{ 
padding:1rem 2rem;
border:1px solid black;
}
#bandeau .bloc a{color: #3e3e3e; text-decoration:none}

#bandeau .bloc a:hover{color: #F09C2C;}

#bandeau .bloc a+a:hover{color: #fb8b01;}

/**** le responsive ****/
@media screen and (max-width:767px){
	#bandeau {display: block;}
	#bandeau .marquee {display: none;}
	#bandeau .wrap-outil{ 
	    position: relative;
	}
}
@media (min-width: 992px){
	#bandeau .wrap-bloc {
	    padding: 2rem 4rem;
	}
}