/* ---- MES TRUCS PERSO ---- */

.NomDeTaClass {}

#supersized {height:1080px;
background-image: url(Alix/FondA.jpg);} 

#Vid1    { height:10px;}
#Vid5    { height:30px;}
#Vid3    { height:15px;}

#tet1     { text-align:center; width:590px; height:180px; margin:0 auto;}

#content  {text-align:center; width:700px; height:30px;margin:0 auto;}

#I1  { width:20px;}
#I2  { width:73px;}
#I3	 { width:30px;}

#basp   {margin:0 auto; height:60px; width:890px; top:680px; text-align:center; }

#IB1	 { width:30px;}
#IB2	 { width:100px;}
#IB3	 { width:100px;}
#IB5	 { height:10px;}
#IB6	 { width:55px;}
#IB7	 { height:90px;}
#B7	 {margin:0 auto;width:680px; }

#ecran1 
{
 text-align:center; 
 margin:0 auto;
 width:852px;
 height:420px;
 
 }
 
 #notre_div{
	margin:0 auto;
	border: 0px solid #CCCCCC;
	font-family: Arial; font-size: 100%;
	
	width:852px;
	height: 420px;
	overflow:hidden; z-index: 1;
	
	}
		
 
#ecran1.videoBG  {float:left;
				  margin-top:20px:}
				  
#transbox
{
  text-align:center; 
  margin:0 auto;	   
  width:750px;
  height:420px;	 
  background-color:#CCCCFF;
  opacity:0.3;
  filter:alpha(opacity=60); /* For IE8 and earlier */
 }
 
 #transbox a {
	 color : black;
	 font-weight : 900;
 } 
 
			  
.boxg 
{
  display: inline-block;
  width: 130px;
 }
 
 .boxd
{
  display: inline-block;
  
  margin-left:190px;
 }

 .retour {  
   
	background: #FFCC33;	
	width:70px;
	margin-top : -25px; 
	
}

 
#FormulTA
  {
  text-align:center;
  }
  
 .padx{
	padding: 3em;
   	}
 
.clearfix {
	float: none;
	clear: both;
}

/*Menu*/


/*Recup  bootstrap dans style.css 

#points   {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}
#floute   {position:fixed; top:0; left:380px; height:100%; width:820px;}
*/
 

html {
   
   border: none;
   font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

textarea {
  overflow: auto;
  vertical-align: top;
}


body {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  
   
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: #005580;
  text-decoration: none;
}

p {
  margin: 0 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

em {
  font-style: italic;
}

form {
  margin: 0 0 20px;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
    margin-bottom: 5px;
    }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 1px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 160px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}



input,
textarea,
.uneditable-input {
  margin-left: 0;
}

/* ---- FORMULAIRES ---- */

#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:45%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%;  border:none; background-color:#d91b5c; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#000;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#fff200; color:#000; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:#d91b5c!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}