@charset "utf-8";
/* Définition des polices personnalisées */
.ui-datepicker {
    font-size: 13px !important;
}

.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }


table.blocnote th.blink {text-decoration-line:blink!important; }
#airtv{margin-top: 0px;height: 800px; background:url(../abvm_videos/Logo_AIRTV.jpg) repeat}
#tv {width:640px; margin:0 auto;padding-top: 100px}
/* jquery.printpage.css
 * --------------------
 * CSS for the 'print page' links
 */
.print, printControl, printControl3,printControl1,printControl2 {
 background:url(../abvm_images/b_print.png) no-repeat;
 display:inline-block;
 line-height:20px;
 padding-left:23px;
 cursor:pointer;
}
#wrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
}
#content {
	padding: 20px;
	margin-bottom: 16px;
	background: #fff;
	background:#CCF
}
fieldset.cotis0 [type="checkbox"]:disabled:checked , .open{

background-image: url("../abvm_images/a_open.png");
background-repeat: no-repeat;
background-position: center center;

}

fieldset.cotis0 td [type="checkbox"]:disabled:not(:checked) {

  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

a[target=_blank]::after {
    content: " " url("../abvm_images/open_in_new_window.png");

}

table { border-collapse: collapse;}


.roundedImage, .roundedImageShadow, .roundedImageBorder{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:150px;
    height:150px;
}

.roundedImageShadow{
	-moz-box-shadow: 0px 0px 10px #343434;
	-webkit-box-shadow: 0px 0px 10px #343434;
	-o-box-shadow: 0px 0px 10px #343434;
	box-shadow: 0px 0px 10px #343434;
}
.roundedImageBorder{
	border: 1px solid #006699;
}

/*-------------------body------------------------*/
.bold {font-weight: bold;}
.left {text-align: left;}
li.bandeau{color: red; background-color: yellow!important; font-weight: bold; width: 900px; float: left; margin-bottom: 30px; margin-top: 0px;}

.ck, .ckman , .ckdefil, .chinfo, .ckdg  {
	cursor: pointer;
}

body {
	font:   Verdana, Arial, Helvetica, sans-serif;
	background: #edf1fa;
	overflow: auto;
	margin: .0em 0;
	padding: 5px;
	font-size: 100%;
position: relative;


}

#loader {position: fixed; top: 100px; right: 100px;}
/* ~~ ce conteneur entoure toutes les autres divs, en leur attribuant leur largeur sur base d'un pourcentage ~~ */
#container {
	/*position: relative;*/
	width: 100%;
	/*left: 25%;*/
	margin: auto;

	min-width: 1100px;
	/*min-width: 1275px;
	/*max-width: 1260px;/* une valeur « max-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop large sur un moniteur de grande taille. La lisibilité de la longueur de ligne est ainsi améliorée. IE6 ne tient pas compte de cette déclaration. */
	/*min-width: 1024px;/* une valeur « min-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop étroite. La longueur de ligne est ainsi plus lisible dans les colonnes latérales. IE6 ne tient pas compte de cette déclaration. */
	/*background-image: url("../images/.jpg");*/
	background-attachment: fixed; /* Le fond restera fixe */
	/*margin: auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page. Elle n'est pas nécessaire si vous fixez la largeur du conteneur à 100%. */
	/*overflow: hidden; /*pour le header qui est plus large*/

}
header, nav, footer, figure, section, article, figcaption, aside {
    display: block;
    margin: 0;
}
/* Titres ============================================== */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.2em 0; 	/* On diminue la marge du bas des titres */
	font-weight: normal;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
}

h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}


.b_edit {
	background: #CCC url(/abvm_images/b_edit.png) no-repeat center;
}

.b_drop {
	background: #CCC  url(/abvm_images/b_drop.png) no-repeat center;
}

.b_success {
	background: #CCC url(/abvm_images/b_success.png) no-repeat center;
}

.odd {background-color:#e1e1ff;}
.even{background-color:#f8ffe9;}
.odd {background-color:#e1e1ff;}
.even{background-color:#f8ffe9;}
.yellow{background-color:#f4e5a8!important;}
.left{text-align:left}
.right{text-align:right}
.center{text-align: center;}

.even {background-color:#f3e8fd;}
.odd {background-color:#dcedfc;}
tr.odd {background-color:#e1e1ff;}
tr.even{background-color:#f8ffe9;}
.left{text-align:left}
.right{text-align:right}
.center{text-align: center;}
.strong{font-weight:strong;}
.black{color:#000;}
.blue {color:#09F;}
.green {color:#339}
<!-- rouge ->
td.select {
	background-image:url(/abvm_images/a_select.png);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	cursor: pointer;
}
<!-- vert ->
td.open {
	background-image:url(/abvm_images/a_open.png);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	cursor: pointer;
}


ul#error {
	color: red;
	font-size: 0.8em;
	font-weight: bold;
}



#page{
	display: inline-block;
	vertical-align: top;
	width:100%;
	float: left;
	/*margin-left: 5px;*/
	margin-top: 3px;
	padding-left: 5px;
	/*border: 5px solid blue;*/
	/*border-radius: 10px;
	box-shadow: 20px 20px 20px #1c1a19;*/

}
/* Conteneur corps middle ------------------------------------------- */
#x400 {
	display: block;
	width: 100%;
	/*in-height: 1220px; */

}
#x500 {
	display: inline-block;
	margin-left: 5px;
	width: 80%;
	margin-top: 5px;
	margin-bottom: 40px;


}



#image_meteo
{
	display: inline-block;
	float: left;
	width: 200px;
	border: 0 none;
	padding: 10px;
	margin-left: 1px;
}

#image_meteo p
{
	text-align="center";
	text-indent: 0;
	line-height: 100%;
	margin: 0;

}



#valid  img
{
	border: 0 none;
}
#visites
{
	display: inline-block;
	width: 200px;
	float: left;
	border: 0 none;
	padding: 10px;
	margin-left: 1px;
	text-align= left;
	font: 0.7em Verdana,Arial,sans-serif ;
	line-height: 1.0em ;
	color: #333;
	border: 4px solid #CCC;
	font-weight: bold;
}
/* ------------------------page ---------------*/



section
{
    display: inline-block;
	vertical-align: top;
	width:99%;

}

article
{

	display: inline-block;
	margin: 5px auto auto 5px;


}
aside
{
    display: inline-block;
	margin-right: 1px;
}

article.avion

{

    display: block;

	vertical-align: top;

	height: 600px;
	margin-top: 10px;


}





/* ------------------------Header ---------------------*/

header
{

	height: 150px;
	/*background-image: url("../images/header_abvm5_ini.jpg");*/
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	font-family:Verdana, Arial, sans-serif;

}

#logo
{
    display: inline-block;
	position: absolute;
    margin-left: 10px;
	margin-top:3px;
	border: none;
	float: left;




}
#logo p
{
margin-top: 0;
margin-bottom: 0;

}

.logo
{
border-radius:200px ;
box-shadow: 2px 2px 8px black;
}



#image_header
{


	display: inline-block;
	margin-right: 0px;
	margin-top: 0px;
	border: none;
	float: right;
	z-index=1;
}
#image_header img
{	height: 150px;
	border: 0 none;
	border: 3px outset #9f9793;
	margin-top: 0;
	border-radius: .4em ;
	box-shadow: 0px 5px 5px #4f41f1;

}
#image_header p
{
margin-top: 0;
margin-bottom: 0;

}
#info {
padding-top: 0px;

}
.hidden {visibility:hidden;}
#marquee-wrapper
{
position:relative;
width:100%;
overflow:hidden;
height: 27px;

box-shadow: 0px 3px 3px #4f41f1;
/*background-color: #edf1fa;*/

}

#marquee
{
position:absolute;
top:0;
left:0;
white-space : nowrap;
font-family: Verdana, Arial, sans-serif;
color: red;
}
.bando {font-size:16px; font-weight: bold; background :#b1ecff; text-decoration: blink;}


/*behavior="scroll" direction="left" scrollamunt="10" onmouseover=this.stop() onmouseout=this.start()>*/


/* corps */

section h1, footer h1, nav a
{
    font-family: Dayrom, sans-serif;
    font-weight: normal;
    text-transform: uppercase;

}
span.datetitre, span.auteur {display:inline-block; }
span.auteur {float:right; font-size:12px;}
/* Liens ============================================== */
a {
	font-weight: bold;
	text-decoration: none;
}

/*a:link {
	color: #00F;
}*/

/*a:visited {
	color: #009;
}*/

a:hover, a:focus, a:active {
	text-decoration: underline;
}


/* Paragraphes ============================================== */
p {
	margin: 0.75em 0;
}
p.wingly {color:red;}
li p, blockquote p {
	margin: 0.2em 0;
	color: #F00;
}

/* Divers éléments de type en-ligne ============================================== */
em {
	font-style: italic;
}

strong {
	font-weight: bold;

}




/* ------------------------nav_1 vertical gauche ---------------*/
#nav_1 {
	display: inline-block;
	position: relative;
	width:165px;
	background:transparent;
	z-index: 100;
	float: left;
	margin-top: 3px;
	margin-bottom: 10px;
	vertical-align: top;

	/*border-radius: 0.8em ;*/
	/*border: 1px outset blue;*/
	/*box-shadow: 2px 2px 6px blue;*/
	}




#nav_1 ul{border: none;}
#nav_1 ul.ui-widget-content {	background: none; border:none}
#nav_1 ul li ul{border: 1px outset blue;}
	/*box-shadow: 2px 2px 6px blue;*/}

#nav_1  ul{
	display:block;
	width:155px;
	text-align: left;
	border: 3px solid red;
}

#nav_1 li a {

	font-size: 0.7em;
	font-family: Verdana, Arial,sans-serif;
	color:white;
	text-decoration: none;
	width:150px;
}
#nav_1 li.public, #nav_1 li.public ul li {background-color: #003fbe; /* bleu foncé*/}
#nav_1 li.prive, #nav_1 ul.sousmenu li{background-color:#0099cc; }
#nav_1 li.ckinitplanning {color:white; font-size: 0.7em; font-family: Verdana, Arial,sans-serif; text-transform: uppercase; padding-left: 0.4em; };
#nav_1  li a:hover, #nav_1 li a:focus, #nav_1 li a:active {

	text-decoration: underline;
	background-color: transparent;
	/*background-color:#000;*/
	color: black;
	}
#nav_1 li.green, #nav_1 li a.green{background-color:green;}


p.ckgallerie3 , p.muse a{
	font-size:0.8em;
	margin-left:5px;
	color:grey;
	cursor:pointer;
	}


ui-accordion-header{
   background:black;
}
.ui-accordion .ui-accordion-content { padding: 0.1em 0.1em; border-top: 0; overflow: hidden; zoom: 1; }
   .ui-state-default{
      background-color:#FFF;
      background-image: none;
   }
#accordeon0 .ui-state-default{
background-image: url(../abvm_images/logoAbvmCine.png);
width: 112px;
height: 20px;
background-repeat: no-repeat;}
#accordeon1 .ui-state-default{
background-image: url(../abvm_images/logoAbvmNews.png);
width: 112px;
height: 20px;
background-repeat: no-repeat;}
#accordeon2 .ui-state-default{
background-image: url(../abvm_images/logoAbvmMusee.png);
width: 112px;
height: 20px;
background-repeat: no-repeat;}

/*#nav_1 ul#accordeon1 li.marc, #nav_1 ul#accordeon1 li.marc ul li {background-color: #003fbe; /* bleu foncé}*/


#nav_1 li.new {
/*background-color:#c5c9e5; */
background-color:#FFF;
	/*border: 1px outset blue;*/
	box-shadow: 2px 2px 4px blue;
	margin-bottom: 5px;
	margin-top: 5px;
	}

#nav_1 span.new1 {font-size: 1.5em; color: blue;line-height: 20px;}
#nav_1 span.new2 {font-size: 1.0em; color: red; padding-left: 0px;line-height: 0px; font-style: italic;  text-align: right;padding-top: -20px;}

#nav_1 li.new a, #nav_1 p.muse a{
color: grey;
backgroud-color:transparent;
}

#nav_1  a.ui-state-active, #nav_1  a.ui-state-hover, #nav_1  a.ui-state-focus, #nav_1  a.ui-corner-all:active, #nav_1  a.ui-corner-all:focus, #nav_1  a.ui-corner-all:hover {
color: black;
background-color: transparent;
	}


/*.ui-state-focus, .ui-state-hover { color: black; background-color:#6F6;*/


/*
#nav_1 ul li ul  li.ui-menu-item a.ui-corner-all:active, #nav_1 ul li ul  li.ui-menu-item a.ui-corner-all:focus,  #nav_1 ul li ul  li.ui-menu-item a.ui-corner-all:hover {
background-color:#006;
	color: red;
}
a.ui-state_focus {
background-color:#006;
	color: red;
}
	*/


#nav_1 li.cult {
	//*border: 1px outset blue;*/
	/*box-shadow: 2px 2px 4px blue;*/
	background-color:#003fbe;
	}
.cult1 {font-size: 1.0em; color: yellow; line-height: 20px; font-style: italic;  }
#nav_1 li.cult1{padding-top: 5px;}

fieldset.compteur {background-color:#CF9; width:160px; border:none;}
fieldset.load {background-color:#CF9; width:160px; border:none; color:#000;}
#nav_1  fieldset.load li a{ color:#000;}


#meteofrance {margin-top:5px;margin-left: 5px;}




/*-----------position bouton news du menu------*/

/*---------------------- Navigation en haut à droite--------------------------*/

fieldset.fvideo {margin-top: 10px;}
#nav_0 {
display: inline-block;
width:100%;
background-color: #003fbe;

}
#nav_0 li{
display: inline-block;
width:90px;
line-height: 1.0em ;
}
#nav_0 li a{
line-height: 1.0em ;
}


ul#m005{float: left; }
ul#m006{float: right;}

.noshow{display:none;}
.show{display:block;}


#nav_0 a
{	font: 0.7em Verdana,Arial,sans-serif ;
	color: #fff;
	text-decoration: none;
	/*font-weight: bold;*/

}

#nav_0 a:hover
{
    text-decoration: underline;
	background-color: #6b7baf  ;
}
#nav_0 li.bienvenue {
	top:100px;
	left:10px;
	width:150px;
	color: #83ffbd;
}
/*ul#m005 {width:800px;}*/
#nav_0 span.annee{


	/*width: 400px;*/
	position: absolute;
	font-size: 2em;
	top:165px;
	left:300px;
	text-align:center;
	text-transform:uppercase;
	box-shadow: 2px 2px 4px blue;
	color:#FF9;
}


ul#m005 li{vertical-align:center;}

/*----------------------------------------------------------------*/
#soleil
{
display: inline-block;
position: absolute;
width: 230px;
padding-left: 0px;
font-size: 0.8em;
font-family:Arial, Verdana, sans-serif;
background-image: none;
background-color: #8497ca;
color: white;
margin-top: 2px;



}
#soleil li { margin:0; padding:0; list-style-type: none;}


/* -----------------------section= article aside-------------------------------*/

section {
font-size: 100%;
}

/* -----------------------section= article aside-------------------------------*/
#image_meteo p
{
text-align: center;
font-family:Verdana, Arial, sans-serif;
}
#image_meteo h1
{
text-align: center;
font-family:Verdana, Arial, sans-serif;
font-size: 0.8em;
color: blue;
}

/*---------------formulaire ------------------*/

form .message{
	/*padding-left: 20px;*/
}
#legende p {
	font-family:Verdana, Arial, sans-serif;
}


/*----------------aside------------*/



aside img, section img{

	border: none;
	/*margin-bottom: 30px;*/
	/*float: left;*/
}

aside li{

	font-size: .8em;
	font-family:Verdana, Arial, sans-serif;
	list-style-type: square;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;

}

/*------------article------------------*/

article img{

	border: none;
}

article h1, aside h1, section h1 {


	font-size: 1.4em;
	font-weight: bold;
	font-family:Verdana, Arial, sans-serif;
	color: blue;
	padding-top: 10px;
	text-align: center;

}

article h2, aside h2, section h2 {


	font-size: 1.0em;
	font-weight: bold;
	font-family:Verdana, Arial, sans-serif;
	color: blue;
	padding-top: 10px;
	text-align: left;
	padding-left: 20px;
}
h2.yellow{color:#FF3;}
article h3, aside h3, section h3 {


	font-size: 0.9em;
	font-weight: bold;
	font-family:Verdana, Arial, sans-serif;
	color: blue;
	padding-top: 0px;
	text-align: center;

}
article n em {
	color: blue;
	font-style: normal;
}
article  p{


	 /*text-indent: 30px; Les paragraphes commenceront 30 pixels sur la droite */
    font-size: 1.0em;
	font-family:Verdana, Arial, sans-serif;
	text-align: left;
	padding-left: 20px;

}


article li {


	font-family:Verdana, Arial, sans-serif;
	/*list-style-type: circle;*/
	margin-left: 0px;


}
/*********************************TABS***********************************/
div.tabbed-menu {
font-family: "Helvetica";
font-size: 15px;

}

ul.tabs {
text-align: center;
list-style: none;
position: relative;
margin: 0;
padding: 0;
color: #0088CC;
border-bottom: 2px solid #DDDDDD;
}

ul.tabs li {
margin-bottom: -1px;
width: 100px;
padding: 5px 0px 5px 0px;
border: 2px solid #DDDDDD;
background: #ffd0a3;
display: inline-block;
border-top-left-radius: 6px;
border-top-right-radius: 6px;

}
ul.tabs li.selected {
background: #FFF;
border-bottom-color: transparent;
display:block!important;
}

ul.tabs li:hover {
color: #333333;
cursor: pointer;
background: #FFFFFF;}
/*---------fin-------------------------------*/
/****************menu formulaire nouveau vol*******************************/

/*----------------------------fin page -----------------------------*/


.center{text-align: center;}

/* -----------------------footer -------------------------------*/


footer {
	display: block;
	height: 60px;
/*	background-image: -webkit-linear-gradient(left , #8a2fff 0%, #9f7bff 100%);
	background-image:    -moz-linear-gradient(left , #0155ff 0%, #003fbe 100%);
	background-image:     -ms-linear-gradient(left , #8a2fff 0%, #9f7bff 100%);
	background-image:      -o-linear-gradient(left , #8a2fff 0%, #9f7bff 100%);
	background-image:         linear-gradient(left , #8a2fff 0%, #9f7bff 100%);*/
	background-color: #003fbe;
	border: 3px outset black;
	text-align: center;
	position: relative;/* donne hasLayout à IE6 de façon à permettre un effacement correct */
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	}

section.footer{
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white;
}

p.coordonnees
{
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white;
}
p.coordonnees  a
{
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white;
}
p.bas
{
	font-size: 0.6em;
	margin-top: 0;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white;
}
p.bas a
{
	font-size: 1.0em;
	margin-top: 0;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white;
}
/*---------------------------------------------------------*/


#verif form input, #deconn form input
{
 margin-left:0px;

 }
#verif p,  #deconn p{
font-size: 1.0em;
font-family:Verdana, Arial, sans-serif;
}
#deconn p{
font-size: 1.0em;
font-family:Verdana, Arial, sans-serif;
text-align: left;
}
span.ed_spec{

 font-size: 1.5em;
color: red;
}
#a2{
margin-right: 5px;
}



/* Correctifs pour les vieilles versions d'Internet Explorer */

/*------- Pour activer un positionnement type inline-block sur les vieilles versions d'IE ------------*/

.old_ie  #logo, .old_ie  #section_gauche, .old_ie section, .old_ie aside,
 .old_ie article ,.old_ie #page, .old_ie #valid , .old_ie #valid a,
  .old_ie #visites,
  .old_ie #nav, .old_ie #nav_0, .old_ie #nav_0 li a,
  .old_ie #soleil, .old_ie #image_header, .old_ie #image_meteo,
 .old_ie #nav_1, .old_ie #nav_1 .sousmenu
{
	display: inline;
	zoom: 1;

}
#gps
{
display: block;
}
#photogps150xl
{
display: inline-block;
}
#textgps
{
display: inline-block;
}
.colorp
{color: red;
font-size: 1.2em;
}
.colorp:first-letter
{font-size: 1.2em;
color: red;


}

/**********************************/
table#stat td {text-align:center; }
table.echeance2, fieldset.echeance2{width: 85%; margin-bottom: 5px; border-radius:10px;
box-shadow: 4px 4px 0 #aaa; border-collapse: collapse;}
 fieldset.echeance2{background-color:#CCC; margin-top: 20px; }
.echeance2 td {
border: 1px solid grey;
border-collapse: collapse;
background-color: #f0f7ce;
font-weight: normal;
}
.echeance2 th{

border: 1px solid blue;
border-collapse: collapse;
background-color: #088baf;
font-weight: normal;
color: white;
}
.echeance2 legend, .vol legend{

font-size: 1.1em;
color: white;
background-color:  #088baf;

}
caption.licence{
text-align:left;
font-size: 1.1em;
color: white;
background-color:  #088baf;
margin-bottom:3px;
}
.attention {
	background-color:#CCC!important;
	color: red!important;
	/*text-decoration:blink;*/
}
.attention2 {
	background-color:#CCC!important;
	text-decoration: line-through;
	/*text-decoration:blink;*/
}

/**********************************/
article #metarTaf {margin-left:200px;}
 fieldset.metarTaf {
	 width: 600px;
background-color:#CCC; margin-top: 20px;
border: 1px solid grey;
border-collapse: collapse;
background-color: #f0f7ce;
font-weight: normal;
	border: 1px outset blue;
	box-shadow: 2px 2px 4px blue;
	 font-size:80%;
}
#nav_1 li.metarTaf {background-color: white; font-size:10px; list-style: none; }
#nav_1 li.metarTaf a.faero {background-color: white; font-size:8px; color:black;}
article li {list-style-type: none; }
#nav_1 a.faero {background-color: white; font-size:8px; color:black;}
/**********************************/


input[type=email]:valid, input[type=url]:valid, input[type=number]:in-range {
	border-right: 4px solid green;
}

input[type=email]:invalid, input[type=url]:invalid, input[type=number]:out-of-range {
	border-right: 4px solid red;
}

input[type=text]:required, input[type=password]:required {
	border-right: 4px solid orange;
}


/*******************fin****afficher cacher météo**************/

#image-meteo{margin-left: 10px;  padding-bottom: 20px; width: 220px; /*display:none;*/}
#image-meteo h1{font-size: 0.9em;padding-bottom: 5px;padding-top: 5px;line-height: 10px;}
#image-meteo p{font-size: 0.8em;margin-bottom: 5px;margin-top: 5px;line-height: 10px;}
#image-meteo img{margin-bottom: 5px;}
.bouton_meteo{background-color:#b803c6; color:white;font-size: 0.9em; cursor:  pointer;}

/*---------------------------- header----------------------------- */

.blue {color: blue;}
/*.yellow {color:#FF0 }*/
.red {color: red;}
.green {color:#060;}
label, input {display:inline-block}


input[type=button]#valid, input[type=button]#annul, input[type=button]#suppr , input[type=button]#supp ,input[type=reset],
input[type=button]#Annuler, input[type=button]#Supprimer , input[type=button]#supVol, input[type=button]#duplicVol,input[type=submit],
input[type=button]#verif,input[type=button]#valid, input[type=button]#validMan,input[type=button]#annulMan,
input[type=button]#envoiVideo, input[type=button]#OKupload,input[type=button]#annulDoc, input[type=button]#annulFrame, input[type=button].fermerExo,
input[type=button]#fermer, input[type=button]#quitter, input[type=button].annulFrame
{
cursor:pointer;
 border: 1px solid rgb(102, 255, 255);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px rgb(192, 192, 192) inset;
	}

fieldset legend {
    font-weight: bold;
    background-color: #06C;
    color: #FFF;
	vertical-align:middle;
}
/******************************************************************************/
fieldset.newpass input {float:right;}

input.page[type="button"] {
    /*width: 35ex;*/
    margin: 0px 0.2ex;
    font-size: 110%;
    color: #FFF;
    background-color: #01622C;
    cursor: pointer;
}
input.nopage[type="button"] {
    width: 7ex;
    margin: 0px 0.2ex;
    font-size: 110%;
    color: #FFF;
    background-color: #01622C;
    cursor: pointer;
}


/***************************** tooltip title arrow*********************************/
.ui-tooltip, .arrow:after {

border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
/*background-color: #245112;*/
border-radius: 10px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

.marc{background-color:#666!important;color:#333!important;}
/*-------------------------*/

@media print {
.noprint {display:none !important;}
.noshow {display:block !important;}
page-break-inside: avoid;
body {background: white;}

}
@media screen {
.noshow {display:none !important;}
}
#infoclub33 input {cursor:pointer;}

fieldset.saisieCptPilote{background-color:#FF9;}
form#saisieCptPilote{width:500px;}
form#saisieCptPilote p {width:450px;}
form#saisieCptPilote  label ,form#saisieCptPilote  input{display:inline;}
form#saisieCptPilote  label ,form#saisieCptPilote  textarea{display:inline;}
form#saisieCptPilote  label {text-align:left;}
form#saisieCptPilote  input,form#saisieCptPilote textarea,form#saisieCptPilote  select{float:right;}

/****************************************************************************************/
/****************BOUTIQUE************/
/****************************************************************************************/

#stock {width: 960px; margin-top: -20px;}
#stock ul.tabs{width:900px;}
#div_stock .ckinit{cursor: pointer;}
  .ckpublic,.ckprive ,  .ckcomm, .ckext{
 border: 1px solid rgb(102, 255, 255);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px rgb(192, 192, 192) inset;
cursor: pointer;
}
#stock .ckr,#div_stock  .#div_stock load_img ,#div_stock .ckstock, #div_stock  .ckachat, .ckbib {cursor: pointer;}
#stock  .ckachat, #stock , .ckstock, .ckext {cursor: pointer;}
#nav_1 .ckinit {cursor: pointer;}
#div_stock input[type="button"].nav_0s
{
	width: 5ex;
	margin: 0 0.2ex;
	font-size: 100%;
	color: white;
	background-color: #0E5FCB;
	cursor: pointer;
}

table.stock { width: 900px}
#stock fieldset#aide00,#stock fieldset#aideCC {padding-bottom:0px!important;}
#stock fieldset#aide00  {position:relative; top: -80px;right: -700px;background-color: transparent;border:none;width:300px;}

#stock fieldset#aide01 {width:100px;height: 30px; background-color: antiquewhite;}
#stock fieldset#aide01 legend{font-size:0.8em;}
#stock fieldset#aide01 a{margin-right:3px;}

#stock fieldset#aide02 {width:50px;height: 30px; background-color: antiquewhite;}
#stock fieldset#aide02 legend{font-size:0.8em;}
#stock fieldset#aide01,#stock fieldset#aide02 {display:inline!important;margin-right:3px}
#stock fieldset#aide02 a{margin-left:10px;}

/* AIDE RETIRER COMMANDES ***/
#stock fieldset#aideCC  {position:relative; top: -70px;right: -700px;width: 150px;padding: 0;background-color: beige;height: 50px;}
#stock fieldset#aideCC legend{font-size:0.8em;}
#stock fieldset#aide03,#stock fieldset#aide04 {display:inline!important;margin-right:3px, width:100px;height: 30px;border:none;background-color: transparent;}
#stock fieldset#aide03 {width:50px;height: 30px;}
#stock fieldset#aide03 legend{font-size:0.8em;}
#stock fieldset#aide03 a{margin-left:10px;display:inline!important;}
#stock fieldset#aide04 {width:50px;height: 30px;}
#stock fieldset#aide04 a{margin-left:10px;display:inline!important;}




/*AIDE POUR LES COMPTES *********/
 fieldset#aideC {position:relative;top: -115px;right: -720px; width:100px;height: 30px;background-color:#CCF;}
 fieldset#aideC legend{font-size:0.8em;}
  fieldset#aideC a{margin-left:10px;}
/*fieldset#aideC, input#SaieCptPilote {display:inline!important;margin-right:3px}**/
 p.tuto{width:700px;}

/*#stock input#aide01 {width:100px;height: 30px; position:relative; top: -9px; right:+5px;
	border: 1px solid rgb(102, 255, 255);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px rgb(192, 192, 192) inset;
	cursor: pointer; }*/
#stock #imgIniStock{position:relative; top: -60px;}

#stock ul.tabs li {width:120px;}
#stock #formulaire{background-color:#FF9;}
/* BIBLIO */


.ckbib {cursor: pointer;}

#stock td.select {
	background-image:url(/abvm_images/a_select.png);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	cursor: pointer;
}
<!-- vert ->
#stock td.open {
	background-image:url(/abvm_images/a_open.png);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	cursor: pointer;
}

/****************************************************************************************/
/****************tablesorter************/
/****************************************************************************************/

#x500 table#myTable.gestion1.tablesorter {
width: 700px;margin: 0 auto; }


#x500 table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	font-size: 0.9em;
	text-align: center;
}
#x500 table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ccdcdc;
	border: 1px solid #FFF;
	font-size: 0.9em;
	padding: 10px;
}
#x500 table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 20px;
}
#x500 table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	/*vertical-align: top;*/
}
#x500 table.tablesorter tbody tr.odd td {
	background-color:#e3e3ef;
}
#x500 table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
#x500 table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
#x500 table.tablesorter thead tr .headerSortDown, #x500 table.tablesorter #x500 thead tr .headerSortUp {
background-color: #8dbdd8;
}
#x500 table.tablesorter tbody tr.rouge td{background-color: #ffa86d; color: white;}


/**************************************************************************************/
/*************BIBLIOTHEQUE ***************************/
/**********************************************************************************/
#biblio ul.tabs {width:700px;}
ul.tabsbib li {
margin-bottom: -1px;
padding: 5px 0px 5px 0px;
display: inline-block;

}
ul.tabsbib li.selected {
background: #FFF;
border-bottom-color: transparent;
display:block!important;
}

ul.tabsbib li:hover {
color: #333333;
cursor: pointer;
background: #FFFFFF;}




#biblio { background:url(../abvm_images/bibliotheque_02a.png) no-repeat ;position:absolute;margin-top:10px; width:920px; }

#biblio ul#sl1.tabs, #biblio ul.tabs00, #biblio #bib {width:700px;}

#biblio li.cktabs2 {
margin-bottom: -1px;
width: 300px;
padding: 5px 0px 5px 0px;
border: 2px solid #DDDDDD;
/*background: #ffd0a3;*/
background:url(../abvm_images/face_grand_tiroir.png) no-repeat ; )
border-top-left-radius: 6px!important;
border-top-right-radius: 6px!important;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin:1px!important;
height:35px;

}
#biblio ul.tabsbib  {text-align:left;}
#biblio  li.cktabs.selected {

border-bottom-color: transparent;
	position:absolute!important;
	top:560px!important;
	right:670px!important;
    margin-bottom: -1px;

    padding: 5px 0px 5px 0px;
	background:url(../abvm_images/face_tiroir.png) no-repeat ; );
	 width: 211px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	color:black;
	height:30px;
}
#biblio li.cktabs  { margin-right:30px;margin-top:5px; width:180px;text-align:center;line-height: 1.7;color:black;position:inherit;}
#biblio ul li {
color:#666;
 margin-left:20px;
}




.affBib{cursor:pointer;}


#biblio li { cursor:pointer;margin-top:5px;}


fieldset.envoiPdfBib {background-color:#FFC;box-shadow: 6px 6px 0px grey;width:400px;}

Biblio .imgupload {float:right;}
#biblio table.tablesorter  {width:700px; position: absolute;right: -800px;top: -0px;}
#biblio table.tablesorter tr th {width:500px;}

#biblio li.ckbib:hover,#biblio li.ckinit:hover {color:#006!important;}

/*#biblio #cktiroir{position:absolute; top:290px; right:260px;}*/
.cktiroir {cursor:pointer;}

fieldset.biblio{width:900px!important;border:none;  background:transparent;height:600px;}
fieldset.ssbiblio0,fieldset.ssbiblio1{border:none; background:transparent;width:700px;}
fieldset.ssbiblio0{margin-top:65px;}
fieldset.ssbiblio1{margin-top:35px}
footer {clear:both!important;}

/*fieldset.biblio_search{margin-bottom:100px;display:none;}*/
#searchBib{position:absolute; top:470px; right:100px;background-color: transparent;}
#searchBib input{background-color: transparent;color:#000;font-weight:bold;}
#searchBib p{font-size:20px; font-style:italic;color:#FFF;font-weight:bold;}
#biblio ul.tabs{border: none;}
#biblio li.cktabs2 {margin-top:0;margin-bottom:0;}
#biblio img.imgupload {float:right;}
.cks{cursor:pointer;}
#biblio div.tabbed-menu {
font-family: "Helvetica";
font-size: 15px;

}
/*---------fin-------------------------------*/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*
nav#nav_1 li.ckbib,#nav_1 li.ckinit {
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size:1em;
	padding-top: 3px;
	padding-left:5px;
	background-color:#C9C!important;
}*//*
li.ckbib a:hover,li.ckinit a:hover {
 color:black;
}*/
nav#nav_1  li.cltabs:hover {
color: #333333;
cursor: pointer;
background: #FFFFFF;}

#nav_1, #meteo_france {display:inline;}}
/*ul.tabs00{width:1000px;margin:0 auto;}*/

.ckb,#visubriefing {cursor:pointer;}
#securite {width:1000px;}
#securite table {width:1000px;}
#securite table th{color:white;background-color:#3f92db !important;height:15px;}
#securite td {border: 1px solid grey; vertical-align:top!important;}

#div_admin fieldset.admin input {size:15px;}
#div_admin fieldset.admin article p {text-ident:0px;}
#sautpage {page-break-after:always;page-break-before:always;}