body {
	margin:Auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img{
	max-width:100%;
	max-height:100%;
	border:none;
}

.isotech-france-logo{
	float:left; 
	max-height:190px; 
	max-width:600px; 
	width:100%;
}

.barre-menu{
	clear:both;
	width:100%;
}

ul.menu {
    list-style-type: none;
    overflow: hidden;
    background-color: #333;
	background-color:#29ACE3;
	background-color:#3075c1;
	background-color:#e30045;
	background-color:#f1f1f1;
	font-weight:bold;
	font-size:14px;
	box-shadow:3px 3px 3px #333;
}

ul.menu li {float: left;}

ul.menu li a {
	border-right:1px solid #F8F8F8;
    display: block;
    color:#F8F8F8;
    text-align: center;
    padding: 24px 16px;
    text-decoration: none;
	height:20px;
	background-color:#f1f1f1;
	color:#8e8e96;
}

ul.menu li a:hover:not(.active) {
    color: #e30045;

}

ul.menu li a.active {
	background-color: #e1e1e1;
    color: #e30045;
/*	border-bottom:3px solid #e30045;*/
	
	background-color:#e30045;
	color:#E1E1E1;
	color:#FFF;
}

ul.menu li.right {float: right;}

@media screen and (max-width: 820px){
	ul{margin-left: -40px;}
}


@media screen and (max-width: 750px){
    ul.menu li.right, 
    ul.menu li {float: none;}
	
	ul{margin-left: -40px;}

	ul.menu li a {
	border-bottom:1px solid #E1E1E1;
}

#menu-smart{
	display:block;

}

}


@media screen and (max-width: 600px){
	ul.menu li a {
	border-bottom:1px solid #E1E1E1;
    padding: 20px 16px;
	height:10px;
}

}



.entete{
	height:auto;
	width:100%;
	margin-top:10px;
	padding:0;
	background-color:#f6f6f6;
/*	border:1px solid#fafafa;*/
	border-radius:10px 10px 0px 0px;
	float:left;
}

.entete a:hover {
    text-decoration: underline;
}
.entete a {
    color: #e77d14;
    text-decoration: none;
}

.logo{
	width:auto;
	max-width:300px;
	display:block; 
	float:left;
	margin: 10px 30px;
}

.contactez-nous{
	background-color: #e30045; 
	border: 1px solid #FFF; 
	border-radius: 0px 10px; 
	box-shadow: 5px 5px 5px 0 #666; 
	color: #FFF; 
	float: right; 
	margin: 20px; 
	padding: 5px 30px; 
	line-height:25px;
}

.contactez-nous a {
	color: #FFF;
	text-decoration: none;
}

.contactez-nous a:hover {
	text-decoration: underline;
}

.contact-info{
	margin:10px 10px;
}

/* Corp ***************************************************************************************/

.corp{
	border-top:5px solid #8e8e96;
	margin-top:5px;
	float:left;
	width:100%;
}

.item-tr{
/*	border:1px solid red;
	border-bottom: 1px solid #e1e1e1;*/
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: 100%;
}

.item{
/*	border:1px solid green;*/
	float:left; 
	max-width:450px;
	min-height:226px;
	width:100%; 
    margin: 20px;
	
/*	background-color:#e6eeef;
	border-radius:5px;
	padding:10px;
	margin:15px 20px;
	box-shadow:0px 0px 5px 5px #E1E1E1 ;*/
	
	background-color:#f6f6f6;
	border-bottom: 1px solid #e1e1e1;
    border-left: 10px solid #e30045;
	border-top: 1px solid #e1e1e1;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 0 #666;
    float: left;
/*    padding: 25px 10px;*/
}

.item-img{
	width:160px; 
	float:left;
	margin:20px 10px;
}

.item-img img{
	width:100%; 
}

.item-txt{
	width:240px; 
	float:left; 
	margin:20px 5px; 
	color:#333;
	line-height:20px;
}

.item-titre{
	color:#e30045;
	font-weight:bold; 
	font-size:16px;
}

.item-titre-2{
	margin:10px;
	display:none;
	position:absolute;
}

.plus-details{
	float:right;
	font-weight:bold;
	font-size:14px;
}

.plus-details a{
	text-decoration:none;
	color:#e77d14;
	color:#29ace3;
	color:#e30045;
}

.plus-details a:hover{
	text-decoration:underline;
}

/* Pied ***************************************************************************************/
.bsociale{
	max-width:770px;
	width:100%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

.bsociale a:hover{
	opacity:0.8;
}

.pied{
	background-color: #f1f1f1;
	background-color:#8B002A;
	background-color:#e30045;
	color: #8e8e96;	
	border-radius: 0 0 10px 10px;
	border-top: 5px solid #8e8e96;
/*	border-top:5px solid #29ace3;
    border-bottom: 1px solid #6e250c;*/
	margin:20px 0px 10px 0px;
	float:left;
/*	clear:both;*/
	width:100%;
}

.pied a {
    color: #e30045;
    color: #E1E1E1;
	color:#e7c7d1;
	color:#FFF;
    text-decoration: none;
}

.pied a:hover {
    text-decoration: underline;
}

.pied-tr{
/*	border:1px solid red;
	border-bottom: 1px solid #e1e1e1;*/
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    width: 100%;
}


.pied-td{
	float:left;
	width:260px;
	margin:20px 0px 20px 50px;
}

.pied-titre{
	margin-bottom:10px;
	font-size: 14px;
    font-weight: bold;
    list-style-type: none;
	color:#e30045;
	color:#EB5B87;
	color:#e7c7d1;
	color:#FFF;
}

.pied-txt{
    list-style-type: none;
	line-height:25px;
	color:#8e8e96;
	color:#E1E1E1;
	color:#e7c7d1;
	color:#FFF;
}

.pied-txt:hover{
/*    text-decoration: underline;
	cursor:pointer;*/
}

.copyright{
	width:100%;
	text-align:center;
	clear:both;
	margin:5px 0px;
	color:#3075c1;
}

.img-slide{
	background:url(../images/MAURER_STADE_MAUROY_1700-5.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	height:1133px;	
}

.slide-annonce{
	position:absolute;
	width:100%;
}

.slide-txt{
	max-width:600px;
	color:#666;
    margin: 10px;
	
/*	background-color: #f58220;*/
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    padding: 3px 15px;
	
	color:#f1f1f1;
	text-shadow:2px 2px 6px #000;
}

.slide-txt:hover{
	color:white;
	cursor:pointer;
}

.item-partenaire{
	min-height:190px;
}

.item a{
	color:#e30045;
	font-weight: bold;
	text-decoration:none;
}

.item a:hover{
	text-decoration:underline;
}




/* Slide ****************************************************************/

.offre-pack-slide{
	float:left; 
	min-height:400px;
/*	max-width:724px; 
	width:100%; */
	width:65%; 
}

.offre-pack-slide-comm{
	background-color:#930; 
	margin-bottom:5px; 
	font-weight:bold; 
	font-size:22px;
	color: #cdbfe3;
	text-shadow: 0 1px 0 rgba(0,0,0,.1); 
	background-color: #6f5499; 
	padding:8px 20px; 
	box-shadow: 3px 3px 3px #333;
	text-align:center;
}

.offre-pack-slide-comm a{
	color:#cdbfe3;
	text-decoration:none;
}

.offre-pack-slide-comm a:hover{
	text-decoration:underline;
}

.isotech-france-slide{
	width:100%; 
	height:100%; 
	background-size:cover;
}

.isotech-france-slide-1{background-image:url(../images_slides/grand-stade-de-lille.jpg);}
.isotech-france-slide-2{background-image:url(../images_slides/hopital-sud-francilien.jpg);}
.isotech-france-slide-3{background-image:url(../images_slides/tour-magenga.jpg);}

.slide-titre{
background-color: #d1189c;
    border-radius: 5px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 10px;
    padding: 3px 15px;
    /*width: 260px;*/
	display: inline-block;
    text-shadow:2px 2px 2px #edc4e1;
	background-color:#e30045;
	text-transform:uppercase;
}

.slide-lien a{
	text-decoration:none;
    font-size: 16px;

	background-color: #d1189c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 10px;
    padding: 3px 15px;	
	background-color: #e30045;
}

.slide-lien a:hover{
/*	text-decoration:underline;*/

    border-radius: 5px;
    color: #f4bfe5;
    display: inline-block;
}

#slides a:link, #slides a:visited {
    color: #FFF;
}

#slides a:hover{
	text-shadow: 2px 2px 6px #F1F1F1;
}

/***** *************************************/
.pg-titre{
	font-size: 16px;
	font-weight: bold;
	color: #e30045;
	margin:20px 5px 10px 5px;
	clear:both;
}

.pg-txt{
	float: left;
	font-size: 14px;
	margin:5px 5px 0px 5px;
	color: #333;
	line-height: 20px;
}

.pg-note{
	font-size: 16px;
	font-weight: bold;
	color: #e30045;
	margin:20px 5px 0px 5px;
	text-align:center;
	text-transform: uppercase;
	clear:both;
}

.pg-img-liste{
    width: 100%;
    float: left;
    margin: 10px 0px;
    text-align: center;
}

.pg-img{
    float: left;
    border: 1px solid #a6abab;
    margin: 0 15px 5px 0;
    box-shadow: 3px 3px 3px #333;
    padding: 7px;
    background-color: #FFF;
/*    max-width: 240px;*/
    height: 300px;
}

/***************************************** contact ******************************************************************************/

.obligatoire {
    color: #c00;
    font-weight: bold;
}

.err-msg {
    color: #cc181e;
    font-size: 12px;
    margin-left: 10px;
}

.div_0 {
    display: block;
    float: left;
    height: auto;
    padding: 2px 0;
    width: 100%;
}

.div_1 {
    background-color: #f1f1f1;
    float: left;
    height: 27px;
    padding-left: 10px;
    margin-right: 5px;
    width: 200px;
	color:#666;
}

.div_2 {
    float: left;
    height: auto;
}

.div_3 {
    background-color: #f1f1f1;
    float: left;
    height: 27px;
    padding-left: 10px;
    margin-right: 5px;
    width: 300px;
	color:#666;
}

input, textarea, select{
	background-color:#F8F8F8;
    background-image:-moz-linear-gradient(center top , #F8F8F8, #ECECEC);
    background-image:-moz-linear-gradient(#F8F8F8, #ECECEC);
    background-image:-webkit-linear-gradient(#F8F8F8, #ECECEC);
    background-image:-o-linear-gradient(#F8F8F8, #ECECEC);
    background-image:linear-gradient(#F8F8F8, #ECECEC);
    border:1px solid #C6C6C6;
    border-radius:2px;
    color:#666;
    text-decoration:none;
	padding:5px 10px;
	font-size:12px;
}

input:hover, textarea:hover, select:hover{
/*	background-color:#ECECEC;*/
    background-image:-moz-linear-gradient(center top , #ECECEC, #F8F8F8);
	
	background-image:-moz-linear-gradient(#ECECEC, #F8F8F8);
	background-image:-webkit-linear-gradient(#ECECEC, #F8F8F8);
	background-image:-o-linear-gradient(#ECECEC, #F8F8F8);
	background-image:linear-gradient(#ECECEC, #F8F8F8);
/*	border:1px solid #79A5CF;*/
}

#envoyer {
    background-color: #e30045;
    background-image: none;
    border-radius: 5px;
    color: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
	width:80px;
}

#envoyer:hover{
	opacity:0.9;
}

#envoyer:active {
    color:#e1e1e1;
    color:#ffbd05;
}


/*************************************************************************************************************************/

#menu-smart{
	font-weight: bold;
	font-size: 20px;
	box-shadow: 3px 3px 3px #333;
	background-color: #e30045;
	color: #FFF;
	
	text-align: center;
	padding: 10px 16px;
	text-decoration: none;
	height: 40px;
	cursor:pointer;
	display:none;
}

#menu-smart:hover{
	opacity:0.8;
}

@media screen and (max-width: 750px){
#menu-smart{
	display:block;
	margin-bottom:10px;

}

.menu{
	display:none;
}

}

#sous-menu-smart{
	font-weight: bold;
	font-size: 20px;
	box-shadow: 3px 3px 3px #333;
	background-color: #e30045;
	
	padding: 15px 16px;
	text-decoration: none;

	border-left: 5px solid #e30045;
	text-align: center;
	text-decoration: none;
	height: 20px;
	background-color: #f1f1f1;
	color: #e30045;

	cursor:pointer;
	display:none;


}

#sous-menu-smart:hover{
	opacity:0.8;
}

@media screen and (max-width: 750px){
#sous-menu-smart{
	display:block;
	margin-bottom:10px;

}

.sous-menu{
	display:none;
}



}



/************************************************************************************************************************/

@media (max-width: 1000px) {
.item-tr{
	width:450px;
}

.item{
	margin-left:1%;
	margin-right:0px;
}

}

@media (max-width: 800px) {
.slide-txt{
	margin-left:auto;
	margin-right:auto;
}


}


@media (max-width: 770px) {
.bsociale{
	max-width:210px;
	width:100%;
}


.pg-img-liste{
	max-width:210px;
	width:100%;
	margin:0px;
    margin-left:auto;
	margin-right:auto;
	padding:5px;
	
}

.pg-img-liste .pg-img{
max-width: 210px;
width:100%;
height: auto;
}

}


@media (max-width: 560px) {
.slide-txt{
	margin-left:auto;
	margin-right:auto;

	font-size:16px;
	margin-top:10px;

}

.slide-titre{
    font-size: 20px;
    margin: 5px;
    padding: 3px 15px;
    /*width: 260px;*/
	display: inline-block;
    text-shadow:2px 2px 2px #edc4e1;
}

.item-tr{
	width:100%;
}


.item{
/*	max-width:450px; */
	width:95%; 
/*    padding: 25px 10px;*/
	margin-left:1%;
	margin-right:auto;
}

.item-img {
    width: 160px;
    float: none;
    margin: 10px 10px;
}

.item-txt{
	margin-left:20px; 
	width:90%;
	margin-top:0px;
}

.item-titre{
	display:none;
	position:absolute;
}

.item-titre-2{
	display:block;
	position:relative;
}

}

@media (max-width: 440px) {
.slide-titre{
    font-size: 15px;
    margin: 5px;
    padding: 3px 15px;
    /*width: 260px;*/
	display: inline-block;
    text-shadow:2px 2px 2px #edc4e1;
}

.slide-txt{
	margin-left:auto;
	margin-right:auto;

	font-size:14px;
	margin-top:5px;

}
}

@media (max-width: 400px) {
.slide-txt{
	margin-left:auto;
	margin-right:auto;

	font-size:14px;
	margin:0px;
}

.slide-titre{
    font-size: 14px;
    padding: 3px 15px;
    /*width: 260px;*/
	display: inline-block;
    text-shadow:2px 2px 2px #edc4e1;
	margin:0px;
}

.slide-lien a{
	text-decoration:none;
    font-size: 14px;

	background-color: #d1189c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 3px 15px;	
	background-color: #e30045;
	margin:0px;
}



.pied-td{
	float:left;
	width:260px;
	margin:20px 0px 20px 20px;
}

.item{
	width:94%; 
	margin-left:1%;
	margin-right:auto;
}


}

@media (max-width: 320px) {
.slide-txt{
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;

	font-size:14px;
	margin:0px;

}
}

@media (max-width: 300px) {
.slide-txt{
	display:none;
	position:absolute;

}

.slide-titre{
	margin:5px;
}
.slide-lien a{
	margin:5px;
}

.pied-td {
    float: left;
    max-width: 260px;
	width:90%;
    margin: 20px 0px 20px 10px;
}
}