/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

#container {
   width: 900px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   background: rgba(255,255,255,1); /* rgba(21,195,247,1); *//* #ff6600; */
   z-index:0;

}

/* Eléments principaux de la page */
body
{
	/* background-image: url(../images/background-electronique.jpg);
	background-repeat: no repeat; */ 
    background-color: rgba(255,255,255,1); 
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #ffffff;	
}

.navb {
	display:none;
}
#SLH {
	border: 0px #000 solid;
}
#Empla_Footer {
	display:none !important
}

/* remove dot lines */
a {-moz-outline:none 0;outline:none 0}

/* Overriding The Default Text Selection Color */

::selection {background:#32BFE6;color:#FFF}
::-moz-selection {background:#32BFE6;color:#FFF}
::-webkit-selection {background:#32BFE6;color:#FFF}



#bloc_page_ens
{
	/*background-image: url(../images/background-electronique-1.jpg);
	background-repeat: no repeat;  */
	background-color:rgb(234, 234, 234); 
    width: 1200px;
    /* margin: auto; */
	float: middle;
	/* margin: 0px 0px 0px 0px; */
    margin-left: auto;
    margin-right: auto;
}


#bloc_page{ 
	width: 900px;  
	/* height: 1200px;  */
	/* margin: 0px 0px 0px 0px;  */
	float:middle; 
	vertical-align:middle; /* On aligne les éléments au milieu */
	/*display:inline-block; On le remplace au float:left; */
	/* background: rgb(250, 250, 250);  */
	overflow: hidden; 
	position: relative;	
    margin-left: auto;
    margin-right: auto;					
}




#bloc_header
{
	/*background-image: url(../images/background-electronique-1.jpg);
	background-repeat: no repeat;  */
	background-color:rgb(255, 255, 255); 
    width: 1200px;
    /* margin: auto; */
	/* float: middle; */
    margin-left: auto;
    margin-right: auto;	
}

/* Header */
header
{
	width: 900px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
	background:rgba(255,255,255,1);/* rgba(21,195,247,1); */
	/* float: right; */	
    margin-left: auto;
    margin-right: auto;
}

#titre_principal
{
	width: 250px;
    display: flex;
    flex-direction: column;
}

#logo
{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#logo img
{
    width: 250px;
    height: 90px;
}


#navigation
{
	width: 650px;
}

header h1
{
    font-family: 'BallparkWeiner', serif;
    font-size: 2.5em;
    font-weight: normal;
    margin: 0 0 0 10px;
    color:rgb(249, 119, 53);
}

header h2
{
    font-family: Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;
    color:rgb(0, 0, 0);
    margin: 0 0 0 70px;
}
.clear {
    clear : both;
    visibility : hidden;
}

#listemenu {
	height:155px;/*auto;*/
	overflow: hidden;
	top:0px;
	left:0px;
	width: 900px;  
	position: relative;
	text-align:center;/* On centre les éléments */	
    background: rgba(255,255,255,1); 
	margin: 0px 0px 10px 0px;
}


.box1{ 
	width: 275px; 
	height: 150px; 
	margin: 0px 0px 0px 0px;
	float : left;
	vertical-align:left;
	background:rgb(209, 209, 209); 
	overflow: hidden; 
	position: relative;	
	/*border-radius: 5px;*/					
}
.box2{ 
	width: 275px;  
	height: 150px; 
	margin: 0px 0px 0px 37.5px; 
	float:left; 
	vertical-align:middle; 
	background: rgb(209, 209, 209); 
	overflow: hidden; 
	position: relative;
	/*border-radius: 5px;*/						
}
.box3{ 
	width: 275px; 
	height: 150px; 
	margin: 0px 0px 0px 37.5px;
	float:left; 
	vertical-align:right; 
	background:rgb(209, 209, 209); 
	overflow: hidden; 
	position: relative;
	/*border-radius: 5px;*/							
}

.box_row1 
{
	background: rgba(255,255,255,1);
	width: 255px;
	height: 100px;
	float: left;
	margin: 10px 10px 0px 10px;
}	

.box_row2 {
	padding:0;
	margin:0;
	list-style:none;
	text-align: center;
	width: 255px;
	height:30px;
	background-color:rgba(21,195,247,1);
	float: left;
	margin: 0px 10px 10px 10px;
}
.box_row2 a {
	display:block;
	text-decoration: none;
	color: rgb(249, 119, 53);
	padding: 7px 0;
	font-family: Helvetica, Arial, Sans-Serif;/* verdana; */
	font-size:1em
    font-weight:bold;
}

.content 
{
	background-position: left top;
	width: 900px;
	float: left;
	background: #fff; /* rgba(21,195,247,1); */ /*  #dcdcdc;*//* rgba(80,180,241,0.8); *//*  rgba(31,159,237,0.8); */
	/* margin-top:15px; */
	/* padding: 25 24px 0px 24px; */
	/* padding-top: 15px; */
	/*border-radius: 5px;*/
}

.content-left 
{
	background-position: right top;
	width: 621px;
	float: left;
	padding-right: 21px;
}
.row1 
{
	width: 621px;
	float: left;
}
.row2 h1
{
	font-family:Trirong, serif;
	font-size:40px;
	/* font-weight:1000; */
	color:#ff6600; /* rgb(244, 122, 0); *//* rgb(249, 119, 53); */
	letter-spacing:-0.03em;
	text-align: justify;
}	
	
	
.row2 
{
	/* background-image: url(../images/background-electronique-1.jpg);
	background-repeat: no repeat;  */
	/* background:   #dcdcdc; */ /* #fff;*//*rgba(255,159,0,0.8); */
	background-position: left top;
	width: 591px;
	height: 2relative;
	float: left;
	padding: 0px 15px 0px 15px;
	/* border-radius: 5px; */
	/* margin-left: 5px; */
}
#content-row2-list li,.content-left .row2 p
{
	font-family:Arial;
	font-size:0.8em;
	color:#333; 
	text-align: justify;
} /* */
.row2 ul
{
	font-family:Arial;
	font-size:0.8em;
	color:#333; 
	text-align: justify;
} 
/* #content-row2-list li{
	color:#333;
} */
.content-right {
	width: 250px;
	float: right;
	padding-top: 7px;
	border-radius: 5px;
	/* background: rgba(0,0,0,0.8); */
}
.contact {
	width: 240px;
	float: right;
}

#sidecontact 
{
     display: flex;
    flex-direction: row;
    align-items: baseline; 
	width: 240px;
    height: 50px;
	float: right;
	margin-bottom: 10px; 
	border-radius: 5px;
}

#sidecontact img
{
    width: 50px;
    height: 50px;
	border-radius: 5px;
}

#sidecontact p {
	font-size: 2.5em;
    font-weight: normal;
    margin: 0 0 0 10px;
	padding-bottom: 20px; 
	color: #FFFFFF;
}
.contact-detail {
	background-color: #dcdcdc;
	width: 240px;
	float: right;
	/* padding: 5px; */
	/* margin: 0px 5px 5px 15px; */
	border-radius: 5px;
}
.contact-detail p {
	margin-bottom: 2px;
	font-size:0.8em;
}



.footer {
	line-height: 69px;
	 background:rgba(14,18,35,1);
	background-position: left top;
	width: 900px;
	height: 69px;
	float: left;
	/* padding: 25px 24px 0px 24px; */
}
.footer p {
	font-size: 11px;
	color: #FFFFFF;
	float: left;
}
.footer a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: none;
}
.footer ul {
	float: right;
}
.footer ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.footer ul li a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
.footer ul li a:hover {
	text-decoration: underline;
}


/* **********CONTACT*********** */

form {
	/* background: rgba(255,159,0,0.8);* */
	padding-bottom: 15px;
	
  /* Pour le centrer dans la page */
  margin: 0 auto;
  width: 850px;

  /* Pour voir les limites du formulaire */
  padding: 1em;
  border: 1px solid #CCC;/* */
  border-radius: 1em; 
}


label {
  /* Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea {
  /* Afin de s'assurer que tous les champs textuels utilisent la même police
     Par défaut, textarea utilise une police à espacement constant */
  font: 1em sans-serif;

  /* Pour donner la même dimension à tous les champs textuels */
  width: 300px;

  -moz-box-sizing: border-box;
       box-sizing: border-box;

  /* Pour harmoniser l'apparence des bordures des champs textuels */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* Afin de réhausser les éléments actifs */
  border-color: #333;
}

textarea {
  /* Pour aligner correctement les champs multilignes et leurs étiquettes */
  vertical-align: top;

  /* Pour donner assez d'espace pour entrer du texte */
  height: 5em;

  /* Pour permettre aux utilisateurs de redimensionner un champ textuel horizontalement
     Cela ne marche pas avec tous les navigateurs  */
  resize: vertical;
}

.button {
  /* Pour positionner les boutons de la même manière que les champs textuels */
  padding-left: 90px; /* même dimension que les étiquettes */
}

button {
  /* Cette marge représente approximativement le même espace
     que celui entre les étiquettes et les champs textuels */
  margin-left: .5em;
}

.row2-contact p{
	color:#333; 
}

.content-contact 
{
	background-position: left top;
	width: 900px;
	float: left;
	background: rgba(250,250,250,1);/*rgba(80,180,241,0.8);  rgba(31,159,237,0.8); */
	/* padding: 25 24px 0px 24px; */
	/* padding-top: 15px; */
	/*border-radius: 5px;*/
}

.content-contact-left 
{
	background-position: right top;
	width: 900px;
	float: left;
}
.row1-contact 
{
	width: 621px;
	float: left;
}
.row1-contact  h1
{
	font-family:Trirong, serif;
	font-size:30px;
	font-weight:1000;
	color:rgb(249, 119, 53);
	letter-spacing:-0.03em;
	text-align: justify;
}
	
	
.row2-contact  
{
	width: 900px;
	height: 2relative;
	float: left;
	padding: 0px 0px 0px 0px;
}