/* --------------------------------------------------- */
/*  Default HTML element definitions                   */
/* --------------------------------------------------- */
body {
	background: #EBEDE7;
	margin: 0;
	color: #39424A;
	padding-top: 70px;
}
body, td {
	font: normal 13px/1.2em "Trebuchet MS", Arial, sans-serif;
}
ul, li, form, p, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
img {
	margin: 2px;
}
a img {
	border: 0 none;
}
strong {
	font-weight: bold;
}
a {
	color: #003366;
}
.orange {
	color: #F47211; 
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
.breaker {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: 0 0 20px 0;
}
.breaker2 {
	overflow: hidden;
	clear: both;
	height: 1px;
	width: 100%;
	margin: 0 0 20px 0;
}
.breaker3 {
	overflow: hidden;
	clear: both;
	height: 1px;
}
.center {
	text-align: center;
}
/* --------------------------------------------------- */
/*  Header                                             */
/* --------------------------------------------------- */


/* --------------------------------------------------- */
/*  Footer                                             */
/* --------------------------------------------------- */
#foot {
	position: relative;
	padding: 10px 0 10px 0;
	font-size: 12px;
	width: 100%;
	background: #19527E;
	color: #FFF;
}
#foot a {
	color: #CCC;
}
#foot p {
	margin-bottom: 10px;
}

/* --------------------------------------------------- */
/*  styles sup                                         */
/* --------------------------------------------------- */

.col_gen {
	float: left;
	width: 940px;
}
.biogr_full {
	width: 940px;
	text-align: justify;
}
.biogr_full_right {
	background: #F3F8FB;
	margin: 0px 0 0 30px;
	float: right;
	width: 300px;
}
.spacebig {
	padding: 0 50px 0 50px;
}
.col_alpha_top {
	float: left;
	width: 600px;
}
.col_alpha {
	float: left;
	width: 470px;
}

.pub_carre {
	float: left;
	width: 320px;
	height: 250px;
	margin: 10px 0 10px 0;
}
.pub_carre_droite {
	float: right;
	width: 300px;
	height: 250px;
	margin: 10px 0 10px 0;
	border: 1px solid #D3D5CF;
	text-align:center;
	padding:2px;
}

.pub_lead_bas {
	margin: 15px 0 0 100px;
	width: 728px;
	height: 90px;
	text-align: center;
}
.col_search_top {
	float: left;
	width: 600px;
	height:90px;
}
.col_search_art {
	float: left;
	width: 940px;
}

/* --------------------------------------------------- */
/*  identification membres                             */
/* --------------------------------------------------- */
.ident_members {
	float: left;
	width: 919px;
}
h2.im {
	background: url(/img/degradline.gif) no-repeat bottom left;
}

h1, h2 {
	font-size: 16px;
	height: 24px;
	margin: 0 0 10px 12px;
	letter-spacing: 0.06em;
}
p.degradline
{
	font-size: 16px;
	height: 24px;
	margin: 0 0 10px 12px;
	letter-spacing: 0.06em;
	font-weight:bold;
}
.edito .space { margin-bottom: 0; }
.edito_im {
	padding: 14px 0 0 0;

}
.edito_im .bg_im {
	background: #ECEADF;
	height: 131px;
}
.edito_im h1 {
}
.edito_im {
	float: left;
	width: 470px;
}
ul.news_im {
	margin: 0 0 0 14px;
}
.news_im li {
	margin: 6px 0 6px 0;
}
.actu_im {
	padding: 14px 0 0 0;
	height: 206px;
}
.actu_im h1 {
}
.actu_im {
	float: right;
	width: 447px;
}
ul.popart_im, ul.popart_tab {
	padding: 10px 0 0 0;
	margin: 0 0 0 20px;
}




.edito_tab {
	padding: 14px 0 0 0;
	height: 226px;
	background: #F6F5EF url(/img/home/corntopl2.gif) no-repeat top left;

}
.edito_tab .bg_tab {
	background: #ECEADF;
	height: 141px;
}
.edito_tab h1 {
	background: url(/img/home/bgedito.gif) no-repeat top left;
}
.edito_tab {
	float: left;
	width: 470px;
}
ul.news_tab {
	list-style-image: url(/img/news.gif);
	margin: 0 0 0 14px;
}
.news_tab li {
	margin: 6px 0 6px 0;
}
.actu_tab {
	padding: 14px 0 0 0;
	background: #E6F1F5 url(/img/compoguitare.gif) no-repeat bottom right;
	height: 226px;
}
.actu_tab h1 {
	background: url(/img/home/bgactu.gif) no-repeat top left;
}
.actu_tab {
	float: right;
	width: 447px;
}



.edito_tab_txt {
	padding: 14px 0 0 0;
	background: #F6F5EF url(/img/home/corntopl2.gif) no-repeat top left;

}
.edito_tab_txt h1 {
	background: url(/img/home/bgedito.gif) no-repeat top left;
}
.edito_tab_txt {
	float: left;
	width: 920px;
	padding-bottom: 15px;
}

/* --------------------------------------------------- */
/*  formualires                                        */
/* --------------------------------------------------- */
fieldset { 
	border: 0;
	margin: 0;
	padding: 0;
}
label {
	margin-top: 9px;
	display: block; 
}
input.text {  
	font: 13px/13px 'verdana',courier,monospace;
	padding-left: 3px; 
	border: 1px solid #ccc; 
}
input.submit { 
	padding:2px 5px;
	font:bold 12px/12px verdana,arial,sans-serif; 
}
select { 
	font: 13px/13px 'verdana',courier,monospace; 
	border:1px solid #ccc; 
	background:white;
	color: black;
}
.clsFile {
	width:410px;
	height:18px;font:13px/13px 'verdana',courier,monospace;
	margin:1px 0;
	border:0px; 
	background:white;
}	
textarea {
	font:13px/13px 'verdana',courier,monospace; 
	padding:3px 3px 3px 3px;
	border:1px solid #ccc; 
}
hr {
	border: 0 none;
	margin: 30px;
	border-top: 1px dashed #39424A;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

/* --------------------------------------------------- */
/*  publicité                                          */
/* --------------------------------------------------- */
.colad {
	float: right;
	width: 320px;
	text-align: center;
}


/* --------------------------------------------------- */
/*  Fil d'Ariane                                       */
/* --------------------------------------------------- */
.art { background: none !important;}
#arianecontainer {
	text-align: left;
	color: #133C61;
}
.ariane {
	margin: 3px 20px 0 150px; 
	text-align: right;
	color: grey; 
	font-size: 8pt;
	height: 10px; 
}

.ariane a{
background: transparent url(/img/fleche2.gif) no-repeat center right;
text-decoration: none;
padding: 0 10px 0 3px; /*adjust bullet image padding*/
/*color: navy;*/
text-decoration: underline;
}

.ariane a:visited, .ariane a:active{
/*color: navy;*/
}

.ariane a:hover{
text-decoration: none;
}

.ariane span{
padding-left: 3px; 
color: #333; 
}

/* --------------------------------------------------- */
/*  Twitter		                                       */
/* --------------------------------------------------- */
#twitter-badge
{
	position: fixed;
	right: 0;
	top: 200px;
}



/* HOME VIDEO */
.cv_bloc_video_left
{
	height: 110px; 
	width: 410px; 
	float: left; 
	padding: 5px 10px 10px 0;
	margin: 12px 5px 12px 0; 
}
.cv_bloc_video_right
{
	height: 110px; 
	width: 410px; 
	float: right; 
	padding: 5px 10px 10px 0;
	margin: 12px 5px 12px 0; 
}
.cv_bloc_video_left:hover, .cv_bloc_video_right:hover
{
	background-color: #f3f7fa; 
}

p.cv_bv_txt_header
{
	font-size: 15px; 
	text-align: left;
}

img.cv_bv_image
{
	border: 1px solid #CCC; 
	padding: 1px; 
}
img.cv_bv_image:hover
{
	border: 1px solid #133c63; 
	padding: 1px; 
}
p.cv_bv_txt_medium
{
	font-size: 13px;  
	text-align: left;
	 
}
p.cv_bv_txt_propose
{
	font-size: 11px; 
	text-align: left;
	color: #333; 
	height: 10px;
	 
}

.xaa .orange {
    color: #f47211;
    float: left;
    margin-bottom: 5px;
}
.navbar-toggle:hover { background: #0a3d61 !important;}
.navbar-inverse .navbar-toggle .icon-bar { background: #f5ce1c;}
.ybarre > strong { color: #fff;}
#globalcontainer {  width: 100% !important; }














@media (min-width: 0) and (max-width: 520px) {
.edito .bg { height: auto !important;}
.topcol21b,.col31b { width: 100% !important; } div.menutab { background: none !important; }
.xdl { padding: 0 10px;} .mio { display: none !important; } .col_gen { overflow: hidden; }
.navbar-nav { width: 102%; } .biogr table td { float: left;}
.navbar-nav { margin: 0;}
.navbar-inverse .navbar-nav > li > a {
    border-radius: 3px;
    color: #fff;
    display: block;
    line-height: 24px;
    margin: 0;
    padding: 5px 12px;
    text-align: center;
}
.but { width: 100%; }
.col-sm-6.col-xs-6.xdl {
    width: 100%;
}
.gulabo {
    width: 100%;
}
.container > .navbar-header, .container > .navbar-collapse { width: 100%;}
.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff !important;
    border-radius: 4px;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 12px;
    padding: 9px 10px;
    position: relative;
}
#headb input[type="text"], #headb input[type="password"], #headb select { width: 100%; }
.jalu {
    float: none;
    height: 29px;
    margin-left: 0;
    margin-top: 2px;
}
#ident .but {
    display: block;
    margin-top: 3px;
    padding: 0 5px;
    text-align: center;
    width: 100% !important;
}
.lolk.xaa > ins {
    margin: 0 !important;
    width: 100% !important;
}
.biogr {
    float: none;
    height: auto;
    width: 100%;
}
.biogr p {
    float: left;
    text-align: justify;
    width: 100%;
}
#globalcontainer td {
    padding: 4px 0;
}
.navbar-collapse {
    border-top: 0 solid transparent !important;
    max-height: 340px;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    margin: 0 !important;
}
.navbar-nav > li {
    margin-left: 0;
}
.col21, .edito,#arianecontainer,.col22, .actu { width: 100% !important; position: static; height: auto !important;}
.col22, .actu {
    float: none;
    width: 100%;
}
.colleftad {
    float: none !important;
    width: 100% !important;
}
.actu {
    height: auto;
    padding: 14px 0 0;
}
#globalcontainer table { margin: 0 !important; }

.bluebis .space td,.xaa td {
    float: left;
    width: 100%;
}
.xaa .cv_bv_image {
    height: 100%;
    width: 100%;
}
.xaa .orange {
    color: #f47211;
    float: left;
    margin: 10px 0;
    width: 100%;
}

.topcol22 {
    float: none !important;
    width: 100% !important; 
}
.topcol21 {
    float: none !important;
    width: 100% !important;
}
.ybarre {
    color: #fff !important;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
}
.lolk.xaa {
    display: none;
}
.ybarre > strong {
    color: #fff;
    display: block;
    text-align: center;
}
.biogr {
    width: 100% !important;
}
.col_gen {
    float: left;
    width: 100% !important;
}
.col_search_top {
    float: left;
    height: auto;
    width: 100% !important;
}
.col_alpha {
    float: left;
    width: 100% !important;
}
#ad_code { display: none; }

div.menuart { height: auto !important; }
ul.menuart li {
    cursor: pointer;
    float: none !important;
    margin: 0 0 5px !important;
}

.ariane { height: auto !important; }

#index_stats {
    padding-bottom: 25px;
    width: 100%;
}
div#categories {
    width: 100%;
}
.col_gen > div {
    width: 100% !important;
}
.ident_members {
    float: left;
    width: 100%;
}
.edito_tab,.actu_tab { width: 100% !important; float: none !important;  }
.space > div {
    padding: 0 !important;
    width: 100%;
}
.title {
    margin: 0 0 20px;
    width: 100%;
}
.biogr p { width: 100% !important; }
.ariane {
    color: grey;
    font-size: 9pt;
    height: auto;
    margin: 12px 0;
    text-align: left;
}
.corntopr { background: none !important; }

.ipb_table td, .ipb_table th {
    float: left;
    text-align: center;
    width: 100%;
}
.altrow > a > img {
    display: none;
}

#board_statistics > div {
    width: 100%;
}
h1, h2 { height: auto !important; }


.ipb_table th {
    float: left !important;
    width: 25% !important;
}
.xaa table,.ybarre {
    width: 100%;
}
.row2 { text-align: center !important; }
.bluebis {
    height: auto !important;
}
.col_gen { overflow: hidden; }
.edito .bg {
    height: auto;
}

}

@media (min-width: 520px) and (max-width: 768px) {
#board_statistics > div {
    width: 100%;
} 

 div.menutab { background: none !important; } .topcol21b,.col31b { width: 100% !important; }
.bluebis {
    height: auto !important;
}
.xaa table,.ybarre {
    width: 100%;
}
.row2 { text-align: center !important; }

.ipb_table th {
    float: left !important;
    width: 25% !important;
}

h1, h2 { height: auto !important; }

.ipb_table td, .ipb_table th {
    float: left;
    text-align: center;
    width: 100%;
}
	.altrow > a > img {
    display: none;
}
.col_gen > div {
    width: 100% !important;
}
.ariane {
    color: grey;
    font-size: 9pt;
    height: auto;
    margin: 12px 0;
    text-align: left;
}
.biogr p { width: 100% !important; }

.title {
    margin: 0 0 20px;
    width: 100%;
}
.space > div {
    padding: 0 !important;
    width: 100%;
}
.edito_tab,.actu_tab { width: 100% !important; float: none !important;  }

.ident_members {
    float: left;
    width: 100%;
}
#headb input[type="text"], #headb input[type="password"], #headb select {
    line-height: 22px;
    padding: 0 8px;
    width: 94%;
}.but { width: 94%; } .top-bar { border:none !important; }
#headb input[type="text"], #headb input[type="password"], #headb select { width: 94%;height: 27px; margin-bottom: 7px;margin-top:0; }
.jalu {
    float: none;
    height: 29px;
    margin-left: 0;
    margin-top: 2px;
}
#globalcontainer td {
    padding: 4px 0;
}
.ariane { height: auto !important; }
.top-bar { padding: 0 20px !important; }
.navbar { padding: 5px 20px 0;}
}



@media (min-width: 520px) and (max-width: 900px) {

.colleftad { margin: 40px 0;} .ariane { height: auto !important; }
.edito,.actu { height: auto !important; }
.orange { float: none !important; }
.col22, .col21,#globalcontainer table { width: 100% !important; overflow: hidden;}
ul.menuart li {
    cursor: pointer;
    float: left;
    margin: 0 0 0 3px;
}
div.menuart { height: auto !important; }




}



.barre {
    background: #e0ecf1 none repeat scroll 0 0;
}

.menuart img {
    opacity: 0;
    position: absolute;
}
.menuart a {
    background: #18527d;
    color: #fff;
    display: block;
    line-height: 25px;
    margin: 0 !important;
    padding: 0 10px !important;
}


strong, #headb_or {  color: #333; }
#header strong, #header #headb_or { color: #f5ce1c !important; }

div.menuart { background: #18527d; }



/* Edit Kevin Août 2025 */
/* hauteur = hauteur de ta navbar */
[id] { scroll-margin-top: 70px; }

.has-error .text, .has-error textarea { border-color: #e74c3c; }
.field-error {
  color: #e74c3c;
  font-size: 0.9em;
  margin-top: 4px;
}