@font-face {
    font-family: 'momstypewriterregular';
    src: url('momt___-webfont.eot');
    src: url('momt___-webfont.eot?#iefix') format('embedded-opentype'),
         url('momt___-webfont.woff') format('woff'),
         url('momt___-webfont.ttf') format('truetype'),
         url('momt___-webfont.svg#momstypewriterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'repoort';
    src: url('1942-webfont.eot');
    src: url('1942-webfont.eot?#iefix') format('embedded-opentype'),
         url('1942-webfont.woff') format('woff'),
         url('1942-webfont.ttf') format('truetype'),
         url('1942-webfont.svg#1942_report1942_report') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cellaregular';
    src: url('cella-webfont.eot');
    src: url('cella-webfont.eot?#iefix') format('embedded-opentype'),
         url('cella-webfont.woff') format('woff'),
         url('cella-webfont.ttf') format('truetype'),
         url('cella-webfont.svg#cellaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'typoregular';
    src: url('typo-webfont.eot');
    src: url('typo-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo-webfont.woff') format('woff'),
         url('typo-webfont.ttf') format('truetype'),
         url('typo-webfont.svg#typoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 a
 {
  /*#028ED4 anc : #646464*/
  color: #316AC5;
text-decoration: none;
font-size:12px;
  
  }
   a:hover
  {
  /*#028ED4 anc : #646464*/
  color: #0037A5;
text-decoration: none;
  
  }
  
.accueil_body
{
background-attachment: fixed; 
background-color: #9FDBFE;
background-image:url('images/fond_provis2.jpg');

background-repeat: no-repeat;
background-size: cover;
text-align : center;
margin: 0; 


font-family: Arial;
font-size:13px;
}

.accueil_points
{
background-image:url('images/accueil_points_40.png');
height: 100%;
}
.accueil_milieu
{
margin-left: auto;
margin-right: auto;
width: 1050px;
text-align: left;
}
.accueil_milieu2
{
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align: left;
}
.configuration
{
/*
background-image: url('images/fond_centre.png');
background-repeat: repeat-y;
*/
margin-left: auto;
margin-right: auto;
width:1000px;
text-align: left;
}
.configuration2
{

background-image: url('images/fond_essai.png');
background-repeat: repeat-y;

margin-left: auto;
margin-right: auto;
width:1000px;
text-align: left;
}
.accueil_bulle
{
background-image:url('images/accueil_bulle2.png');
background-repeat: no-repeat;
width: 523px;
height: 170px;
}
.accueil_bulle_grande
{
background-image:url('images/accueil_bulle_haute.png');
background-repeat: no-repeat;
width: 523px;
height: 400px;
float:right;
}
.accueil_bulle_sous
{
background-image:url('images/defile2.png');
background-repeat: no-repeat;
width: 1046px;

border: 0px solid #0099FF;

}
.defile1
{
background-image:url('images/defile3.png');
background-repeat: no-repeat;
width: 1046px;
height: 340px;
border: 0px solid #0099FF;
margin-top:400px;
_margin-top:0px;

}
.defile2
{
background-image:url('images/defile2.png');
background-repeat: no-repeat;
width: 1046px;
height: 340px;
border: 0px solid #0099FF;
margin-top:400px;
_margin-top:0px;
}
.defile3
{
background-image:url('images/defile1.png');
background-repeat: no-repeat;
width: 1046px;
height: 340px;
border: 0px solid #0099FF;
margin-top:400px;
_margin-top:0px;
}
.defile4
{
background-image:url('images/defile4.png');
background-repeat: no-repeat;
width: 1046px;
height: 340px;
border: 0px solid #0099FF;
margin-top:400px;
_margin-top:0px;
}
.accueil_connexion
{
float:right;
text-align: right;
font-size: 12px;

color: #626161;
margin-right:30px;
margin-top:15px;
}
.accueil_logo
{
margin-left:270px;
height:190px;
background-image: url('images/logo_accueil2.png');
background-repeat: no-repeat;
cursor:pointer;

}
.bouton_connexion 
{
display:inline-block;
width:132px;
height:40px;
background: url('images/accueil_survol.png') no-repeat right;
}

.bouton_connexion:hover,
.bouton_connexion:focus,
.bouton_connexion:active 
{
background-position: left;
cursor:  pointer;
}
.bouton_inscription 
{
display:inline-block;
width:132px;
height:40px;
background: url('images/accueil_survol2.png') no-repeat right;
float: right;
margin-right:30px;
}

.bouton_inscription:hover,
.bouton_inscription:focus,
.bouton_inscription:active 
{
background-position: left;
cursor:  pointer;
}
.float_left
{
float: left;

}
.float_right
{
float: right;

}
.lien4
{
font-family: Arial;
font-size: 13px;
color: white;
font-weight: normal;
}
.lien4:hover
{
text-decoration: underline;
font-weight: normal;
color:white;
}
 .cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}

.bodycentrale
{

margin-left: auto;
margin-right: auto;
width: 533px;
height: 400px;
/* border: 1px solid black; */
text-align: left;
background-image: url('images/accueil_bulle_haute.png');
}
#erreur
{
border: 2px solid red; /* contour du tableau */
background-color: #FEE4E4;
font-size: 12px;
color: red;
padding: 8px;
font-family: Trebuchet MS;

}
#teok
{
border: 2px solid green; /* contour du tableau */
background-color: #E4FEE4;
font-size: 12px;
color: green;
padding: 8px;
font-family: Trebuchet MS;
}

.bodycoeur
{
background-image: url('images/fond_centre.png');
background-repeat: repeat-y;
padding: 20px;
display:block;
width: 1000px;
}



.barrehaut
{

background-image: url('images/n_fondbody.png');
background-repeat: repeat-x;
height: 36px;

/*
margin-bottom:0;
text-align:right;
font-size:10px;

overflow:hidden;*/
}
.barrebas
{
padding:10px;
background-color:white;
background-image: url('images/n_fondbody2.png');
background-repeat: repeat-x;
height: 50px;
}
.bodypub
{
background-image: url('images/fond_pub.png');
background-repeat: no-repeat;
text-align: center;
padding-top:20px;
}

.infobulle
{
  position: relative;
  
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.infobulle span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.infobulle:hover
{
  border: 0; /* IE6 fix */
}

.infobulle:hover span
{
  visibility: visible;
  
}

.infobulle span:before,
.infobulle span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.infobulle span:before
{
  border-top-color: #ccc;
  bottom: -8px;
  
}
.tooltip
{
  position: relative;
  
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
  
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
  
}
.testinfos
{
	transition: height 0.5s ease;
	position:absolute;
	max-height:45px;
	overflow:auto;
	width:300px;
	z-index:5;
	background-image: url('images/fond_infos.png');;

}
.testinfos:hover
{
	transition: max-height 2s ease;
	max-height:150px;
}
.float_left
{
	float:left;
}
.float_right
{
	float:right;
}
.boutique_rayon
{
	width:750px;
	padding: 20px;
	margin-left:170px;
	background: url('images/fond_rayons.png') no-repeat;
	height:110px;
}
.boutique_rayon:hover
{
	background: url('images/fond_rayons_hover.png') no-repeat;
	cursor: pointer;
}
.boutique_rayon2
{
	width:730px;
	padding: 20px;
	margin-left:190px;
	background: url('images/fond_rayons.png') no-repeat;
	height:110px;
}
.boutique_rayon2:hover
{
	background: url('images/fond_rayons_hover.png') no-repeat;
	cursor: pointer;
}
.boutique_rayon3
{
	width:700px;
	padding-left: 20px;
	  max-height:160px;
	   transition:max-height 2s ease;
	   overflow:hidden;
}
.boutique_rayon3:hover
{
	/*background: url('images/fond_rayons_hover.png') no-repeat;*/
	cursor: pointer;
	max-height:220px;
 transition:max-height 2s ease;
}
.boutique_rayon4
{
	width:730px;
	padding: 20px;
	margin-left:190px;
	  max-height:110px;
	   transition:max-height 2s ease;
	   overflow:hidden;
}
.boutique_rayon4:hover
{
	/*background: url('images/fond_rayons_hover.png') no-repeat;*/
	cursor: pointer;
	max-height:2000px;
 transition:max-height 2s ease;
}
.liengris
{
	color:gray;

}
.liengris:hover
{
	color:gray;
	text-decoration : underline;
}
.table_carbu
{
border:2px solid black; 
font-size:12px;
width:800px;
 border-collapse: collapse;
}
.table_carbu td
{
border:1px solid gray;
text-align:center;

}
.table_avions
{
border:2px solid black; 
font-size:12px;
width:960px;
 border-collapse: collapse;
}
.table_avions td
{
border:1px solid gray;
text-align:center;

}
 .tableforum
 {

 width: 100%;


 font-size:12px;
 }
 .tableforum td,.tableforum th
 {
 border: 1px solid gray;
 padding: 5px;
 }
.table_ally
{
border:2px solid black; 
font-size:12px;
width:400px;
 border-collapse: collapse;
}
.table_ally td
{
border:1px solid gray;
text-align:center;
}
.table_ally2
{
border:2px solid black; 
font-size:12px;
width:400px; 
border-collapse: collapse;
}
.table_ally2 td
{
border:1px solid gray;
text-align:center;
}
 #lien1
{
font-size: 10px;
}
.form_question
{
height: 65px;
width: 910px;
font-size:15px;
border:0px;
background-color:transparent;
background-image:url('images/fond_question.png');
background-repeat:no-repeat;
padding:11px;
padding-left:20px;
}
.form_question:focus
{


border:0px;
background-color:transparent;
background-image:url('images/fond_question2.png');
background-repeat:no-repeat;
outline:none;

}
.caseavion
{
background-color:white;
height: 20px;
border: 1px solid gray;
cursor:pointer;
font-weight: bold;
font-size:12px;
}
.caseavion:hover
{
background-color:#DDDEDD;
border: 1px solid black;
}
.hangar
{
	transition: height 0.5s ease;
	position:absolute;
	height:90px;
	overflow:auto;
	width:400px;
	background-color:white;
	

}
.hangar:hover
{
	transition: height 2s ease;
	height:200px;
}
.lien_u:hover
{
	color:gray;
	text-decoration: underline;
 }
 .machineaecrire
 {

font-family: cellaregular, sans-serif;


 }
 .test_chargement
 {
  max-height:50px;
 _height:100px;
overflow:hidden;
border:1px solid black; 
 transition:max-height 2s ease;
 }
 .test_chargement:hover
 {
 
 max-height:200px;
 transition:max-height 2s ease;
 }
.texte_invis_IE
{
color:gray;
_color:white;
}
/* Bouton cool */
.slideThree {
	width: 80px;
	height: 26px;
	background: #333;
	

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: red;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}
.map_p
{
	border:1px solid black;
	width:150px;
	float:right;
	margin-left:20px;
	
}
.map_p:hover
{
	border:1px solid gray;
	cursor:pointer;
}
.map_p2
{
	border:1px solid black;
	width:150px;
	float:right;
	margin-top:15px;
	margin-left:100px;
	position:absolute;
	z-index:99;
	overflow:hidden;
	
}
.map_p2:hover
{
	border:1px solid gray;
	cursor:pointer;
}
.table_sobre
{
border:2px solid black; 
font-size:12px;
 border-collapse: collapse;
}
.table_sobre td
{
border:1px solid gray;
text-align:center;
padding-left:5px;
padding-right:5px;
}
.itsover:hover
{
background-color:#e3e3e3;
}