/* CSS Document */

/* haut */
body {
	height: 100%;
	margin-right: 50px;
	width: 100%;
}

#map1 {
  min-height: 600px;
  width: 100%;
}

#carte_fond {
  top:0px;
  position:absolute;
  min-height: 600px;
  width: 100%;	
}
  
.page_milieu {
   position: absolute; 
   top: 90px; 
   /*left: 0px; 
   right: 0px;*/
   width: 100%;
} 

.formulaire {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 620px;
}  

.header {   
  background: -webkit-gradient(
	linear,
	left top, left bottom,
	/*from(#D8E6EC),
	to(#2B5464)*/
	from(#fFFFFFF),
	to(#FFFFFF)
  );
  background: -webkit-linear-gradient(
	top,
	#FFFFFF,
	#FFFFFF
  );
  background: -moz-linear-gradient(
	top,
	#FFFFFF,
	#FFFFFF
  );
  background: -o-linear-gradient(
	top,
	#FFFFFF,
	#FFFFFF
  );
  background: linear-gradient(
	top,
	#FFFFFF,
	#FFFFFF
  );
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 90px;
	font-size: 16px;
	z-index: 100;
	/*backgroun-color: #FFFFFF;*/
}

.eCar {
  position: absolute;
  left: 0px;
  top: 16px;
  right: 0px;
  height: 48px;
  margin: 1em auto;
  width: 382px;
  color: #000;
}
 
.icon-menu {
  position: absolute;
  right: 20px;
}  

.top-menu {
  top: 5px;  
}

.icon-menu_ {
  position: absolute;
  right: 20px;
}

.top-menu_ {
  top: 45px;  
}

.top-menu_1 {
  top: 10px;  
}

.lnr-menu { 
  position: fixed;
  z-index: 999;   
  /*color:#4C8BB5; */
	color: #487b04;
  cursor: pointer;   
  font-size: 30px;      
  -webkit-transition: 0.1s color;    
  -moz-transition: 0.1s color;    
  -o-transition: 0.1s color;    
  transition: 0.1s color;
}

.lnr-menu:hover {    
  color: #00FF0D}

.lnr-question-circle { 
  position: fixed;
  z-index:999;   
  color:#4C8BB5; 
  cursor: pointer;   
  font-size: 25px;      
  -webkit-transition: 0.1s color;    
  -moz-transition: 0.1s color;    
  -o-transition: 0.1s color;    
  transition: 0.1s color;
}

.lnr-question-circle:hover {    
  color:#000
}

.lnr-cross {  
  z-index:999;  
  font-size:30px;    
  cursor: pointer;     
  color: #4C8BB5;    
  -webkit-transition: 0.1s color;    
  -moz-transition: 0.1s color;    
  -o-transition: 0.1s color;    
  transition: 0.1s color;    
  display: block;
  top:5px;
}

.lnr-cross:hover {
  color: #000
}

.container_ls {
  left: 0px;
  top: 90px;
  right: 0px;
  position: fixed;
  height: 50px;
  font-size: 14px;
  z-index: 200;
    /*background: url(../images/header.png); 
    background-size:100%;*/
  /*background-color: #FFFFFF;*/
  margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
  overflow: hidden; /* cette déclaration permet à .container de comprendre où les colonnes flottantes à l'intérieur se terminent et de les contenir */
  /*color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid;*/
  
  /*background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#2B5464),
	to(#91bee3)
  );
  background: -webkit-linear-gradient(
	top,
	#2B5464,
	#91bee3
  );
  background: -moz-linear-gradient(
	top,
	#2B5464,
	#91bee3
  );
  background: -o-linear-gradient(
	top,
	#2B5464,
	#91bee3
  );
  background: linear-gradient(
	top,
	#2B5464,
	#91bee3
  );*/
  
}

.sidebar_ls {
  float: left;
  /*width: 20%;*/
  padding-left: 10px;
	padding-right: 10px;
  /*padding-top: 8px;
  color: #000000;*/
	/*color: #74B1DE;*/
  z-index: 20;
	border: solid 2px;
	background-color: #a3d004;
	border-radius: 5px;
	border-color: #487B04;
}

.content_ls {
  float: left;
  width: 60%;
  padding-top: 0px;
  /*background-color: #EADCAE;*/
  /*padding-bottom: 10px;*/
}

.connect_ls {
  position: absolute;
  right: 10px;
  top:10px;
  font-size: 14px;
 /* z-index: 10;  */
}

.connect_ls a {
  font-size: 14px;
  color: #000000;
}

.connect_ls a:link {
  font-size: 14px;
  color: #000000;
}

.connect_ls a:hover {
  font-size: 14px;
  color: #000000;
}

.inscription {
  /*border: solid 3px;
  background-color: #74B1DE;
  border-radius: 5px;
  border-color: #4C8BB5;
  box-shadow: 5px 5px 20px #333;*/
	border: solid 2px;
	background-color: #a3d004;
	border-radius: 5px;
	border-color: #487B04;
	/*box-shadow: 5px 5px 20px #9aef95;*/
}

.inscription_menu {
  background-color: #2F5E8D;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2F5E8D), to(#3E8C81));
  background-image: -webkit-linear-gradient(top, #2F5E8D, #3E8C81);
  background-image: -moz-linear-gradient(center top , #2F5E8D 0pt, #3E8C81 100%);
  background-image: -o-linear-gradient(top, #2F5E8D, #3E8C81);
  background-image:  linear-gradient(to bottom, #2F5E8D, #3E8C81);	
  border: 1px solid #2F5E8D;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 1px #FFFFFF inset;
  cursor: pointer;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  overflow: visible;
  padding: 5px 10px;
  text-shadow: 0 0 0 transparent, 0 1px 0 #000000;
  vertical-align: middle;
  white-space: nowrap;
  width: 100px;
  color: #FFFFFF !important;	
  text-decoration: none;
}

.bt_menu_ {
  float: right; 
  font-weight:bold;
  margin-top: -54px;    
  padding: 4px 6px;
  position: relative;    
  background: none repeat scroll 0 0 #FBCA03;
  border: 1px solid #444;
  border-radius: 5px 5px 5px 5px;
}

.reseau {
  border: solid 3px;
  background-color: #74B1DE;
  border-radius: 5px;
  border-color: #4C8BB5;
  box-shadow: 5px 5px 20px #333;
}

.texte {
  color: #000000;
  position: absolute;	
}

.logo {
  width: 100%;
  font-size: 35px;
  top: 20px;
  text-align: center;
}
   
.msg {
  position: absolute;
  /*left: 0px;
  right: 0px;
  padding: 1em;*/
  margin: 1em auto;
  color: #000000;
  text-align: center;
  padding: 5px 20px;
  left: 10px;
  right: 10px;
  border-radius: 15px;
  border-color: #4C8BB5;
  box-shadow: 5px 5px 20px #333;
}

.main-content {
  display:table;
  vertical-align:middle;
  margin-right: auto;
  margin-left: auto;text-align:center;
}

.text-home {
   display:table-cell;
   vertical-align:middle;
   max-width:700px;
   height:600px;
   text-align:center;
}

.acceuil {
  font-family: 'Bree Serif',serif;
  font-size: 1.1em;
  /*background-color: #E1EAE6;*/
	background-color: #DBF094;
  filter: alpha(opacity=10);
  -moz-opacity: 0.90;
  opacity: 0.90;
  /*color: #3B4E77;*/
	color: #3F7202;
  font-weight: bold;
  top: 125px;
  height: auto; 
  width: 600px; 
  z-index: 10; 
  /*margin-left: 20%;
  margin-right: 20%;*/ 
} 

.acceuil_1 {
  font-family: 'Bree Serif',serif;
  /*background-color: #E1EAE6;*/
	background-color: #DBF094;
  filter: alpha(opacity=10);
  -moz-opacity: 0.9;
  opacity: 0.9;
   /*color: #3B4E77;*/
	color: #3F7202;
  top: 415px;
  height: 82px; 
  width: 600px;
  z-index: 10;   
} 

/*.connexion {
  background-color: #000000;
  filter: alpha(opacity=10);
  -moz-opacity: 0.8;
  opacity: 0.8;
  color:#4C8BB5;
  top: 200px;
  height: 150px;
  width: 150px;
  text-transform: uppercase; 
}*/

.video {
  /*background-color: #2B5464;*/
  background-color: #DBF094;
  filter: alpha(opacity=10);
  -moz-opacity: 0.8;
  opacity: 1;
  color:#4C8BB5;
  top: 100px;
  width: 550px;
  height: 350px; 
  z-index: 99; 
}

#ok {
  background-color: #000000;
  filter: alpha(opacity=10);
  -moz-opacity: 1;
  opacity: 1;  
}

a:link{
  text-decoration:none;
  color:#000000;
}

.pied {
  width: 100%;
  height: 100px;
  background-color: #3E8C81;
}

.connect {
  position: fixed;
  right: 10px;
  top: 48px;
  font-size: 14px;
  z-index:200;
}

#connect_cr {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
  z-index:10;
}

#connect_crcr {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#connect_crcrcr {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#connect_crcrcrcr {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#connect_e {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#connect_e2 {
  color: #ffffff;	
  cursor: pointer;
}

#connect_e2:hover{
	color: #ffffff;
	cursor: pointer;
	font-style: italic;
}

#connect_cr2 {
  color:#ffffff;	
  cursor: pointer;
}

#connect_cr2:hover{
	color: #ffffff;
	cursor: pointer;
	font-style: italic;
}

#connect_ee {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#inscription_ {
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}
 
#pub_video_e {
  /*position: relative;
  right: 100px;*/	
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#annonce_video_e {
  /*position: relative;
  right: 100px;*/	
  font-size: 14px;
  color:#000000;	
  cursor: pointer;
}

#menu_div {
  position: fixed;
 /* border-radius: 5px;*/
  /*background-color: #000000;*/
	/*background: url(../images/header.png) repeat-x;*/
  /*filter: alpha(opacity=10);
  -moz-opacity: 0.9;
  opacity: 0.9;*/
 /* border-color: #4C8BB5;*/
  /*box-shadow: 5px 5px 20px #333;*/
  border: 1px dotted #363636;
	/*border-top:1px dotted #2B5464;*/
  top: 0px;
  height: 40px;
  margin-top: -65px;
	z-index: 300;
}

#menu_div_1 {
    position: fixed;
    /* border-radius: 5px;*/
    /*background-color: #6193A7;*/
    background-color: #80AF04;
    /*filter: alpha(opacity=10);
    -moz-opacity: 0.9;
    opacity: 0.9;*/
    border-color: #4C8BB5;
    box-shadow: 5px 5px 20px #333;
    border: 1px solid #2B5464;
    height: 610px;	
    width: 190px;
    /*margin-left: -100px;*/
    /*margin-left: 1000px;*/
    top: 150px;
    border-radius: 10px;
    z-index: 99;
}

#menu_div_2 {
    position: fixed;
    /* background-color: #6193A7;*/
    background-color: #80AF04;
    /*filter: alpha(opacity=10);
    -moz-opacity: 0.9;
    opacity: 0.9;*/
    border-color: #4C8BB5;
    box-shadow: 5px 5px 20px #333;
    border: 1px solid #2B5464;
    height: 540px;	
    width: 190px;
    top: 200px;
    border-radius: 10px;
    z-index: 99;
}

#menu_div_3 {
    position: fixed;
    /* background-color: #6193A7;*/
    background-color: #80AF04;
    /*filter: alpha(opacity=10);
    -moz-opacity: 0.9;
    opacity: 0.9;*/
    border-color: #4C8BB5;
    box-shadow: 5px 5px 20px #333;
    border: 1px solid #2B5464;
    height: 690px;	
    width: 190px;
    top: 200px;
    border-radius: 10px;
    z-index: 99;
}

#btn_up
{
    position: fixed;
    bottom: 15px;
    right: 0px;
    cursor: pointer;
    display: none;
    z-index: 1000;
}

#msg_pub_video
{
    position: fixed;
    top: 200px;
    right: 25px;
    cursor: pointer;
    display: none;
    z-index: 1000;  
}

.video_e {
    position: fixed;
    left: 0px;
    top: 25px;
    right: 0px;
    height: 48px;
    margin: 1em auto;
    /*width: 382px;*/
    color: #000; 
    z-index: 200;
}

.video_e_ {
    position: absolute;
    left: 0px;
    top: 25px;
    right: 0px;
    height: 48px;
    margin: 1em auto;
    /*width: 382px;*/
    color: #000; 
    z-index: 200;
}

.entete {
    position: fixed;
    left: 0px;
    top: -2px;
    right: 0px;
    height: 30px;
    margin: 1em auto;
    /*width: 382px;*/
    color: #000; 
    /*background-color: #FFFFFF;*/
    z-index: 200;
}

.baniere {
    position: fixed;
    left: 0px;
    top: -16px;
    right: 0px;
    height: 100px;
    margin: 1em auto;
    color: #000; 
}
/* BAS */

.sidebar1 {
	float: left;
	width: 16.6%;
	/*background-color: #6193A7;*/
	padding-bottom: 10px;
  }

.row {
    margin-right: 100px;
    margin-left: 100px;
}

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-sm-6 {
    width: 50%;
}

.card,  .card_{
    height: 100%;
    margin: 10px;
    /*border: 1px solid lightgrey;
    border-radius: 2px;
    border-top: 1px solid #3B4E77;
    border-left: 1px solid #3B4E77;*/
    /*background-color: #E1EAE6;*/
    /*background-color: #006990;*/
	background-color: #daefa0;
	padding: 10px;
	box-shadow: 0px 40px 20px -20px #595959;
}

.card1 {
   float: left;
   width: 90%;
   /*background-color: #cc3366;*/ 
}

.card2 {
   float: right;
   width: 29px;
   /*background-color: #cc3366; */
}

.card3 {
   /*float: right;*/
   margin-left: 80px;
   /*width: 80%;
   background-color: #cc3366;*/ 
}

.card4 {
   float: left;
   width: 80px;
   position: relative;
 /*background-color: #cc3366; */
}

img_e.viewpic {
  position:absolute;
 /* border-bottom:1px dashed #808080;*/
  text-decoration: none;
  background-image:url(../images_news/retour.png);
  width: 40px;
  height: 63px;
  right: 0px;
  bottom: 15px;
}

img_e:hover.viewpic {
  position:absolute;
  text-decoration: none;
  background-image:url(../images_news/retour_h.png);
  width: 40px;
  height: 63px;
  right: 0px;
  bottom: 15px;
}

img_e.viewpic span {display: none;}

img_e:hover.viewpic span {
  display: inline;
  position: absolute;
  z-index: 20;
}

#marge1 {
  margin-left: 5.3em;	
}

img_e.viewstyle {
  position: relative;
  text-decoration: none;
  order-bottom: 1px dashed #808080;
  /*background-image: url(../images_news/retour.png);*/
  width: 30px;
  height: 30px;
  right: 0px;
  bottom: 15px;
}

img_e:hover.viewstyle {
  text-decoration: none;
  background: none;
}

img_e.viewstyle span {
  display: none;
}

img_e:hover.viewstyle span {
  display: inline;
  position: absolute; 
  top: -60px;
  left:30px;
  z-index: 20;
  width:100%;
  padding:2px 4px;
  opacity: 1;
}