body {
	margin:Auto;
	width:1124px;
	background-color:#E6E6E6;
	background-color:#F1F1F1;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Myriad Pro", "Open Sans", "Helvetica", Arial, sans-serif;
	font-size:14px;
/*	background:#F1F1F1 url(../icones/background.png) 0 0 repeat;
	background-image: -moz-linear-gradient(center top , #E6E6E6, #999999);*/
}

.barre-menu{
	clear:both;
	width:100%;
	box-shadow:0 0 5px 0 #666;
	background-color:#f6f6f6;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	font-weight:bold;
	font-size:14px;
}

ul.menu li {float: left;}

ul.menu li a {
	border-right:1px solid #666;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.menu li a:hover:not(.active) {background-color: #111;}

ul.menu li a.active {
	background-color: #e77d14; 
/*	background:#e77d14 url("../icones/background-orange.jpg") repeat scroll 0 0;*/
}

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

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




ul.sous-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f6f6f6;
	font-weight:bold;
	font-size:14px;
}

ul.sous-menu li {float: left;}

ul.sous-menu li a {
	border-right:1px solid #E1E1E1;
    display: block;
    color: #999;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.sous-menu li a:hover:not(.active) {background-color: #555; color:white;}

ul.sous-menu li a.active {
/*	background-color: #e77d14; 
	color:white;*/
	color:#e77d14;
}

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

@media screen and (max-width: 600px){
    ul.sous-menu li.right, 
    ul.sous-menu li {float: none;}
}

@media screen and (max-width: 1124px){
body {
	width:100%;
}
}

.entete{
	height:auto;
	width:100%;
	margin-top:10px;
	padding:0;
	background-color:#f6f6f6;
/*	border:1px solid#fafafa;*/
	border-radius:10px 10px 0px 0px;
	box-shadow: 0px 0px 5px 0px #666;
	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;
}

.contact{
	width:100%;
	max-width:300px;
	float:right;
	font-weight:bold;
	font-size:16px;
	color:#e77d14;
	text-align:right;
	padding:5px 0px;;
	

}

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

/* Offre pack *********************************************************************************/
.offre-pack{
	float:left; 
/*	max-width:400px; 
	width:100%;*/
	width:35%;
	text-shadow: 2px 2px 6px #999;
}

.dvoffre-pack{
	height:150px;
	margin:10px;
	border-radius:5px;
	box-shadow: 5px 5px 5px 0 #333;
background-image:-moz-linear-gradient(30deg, #2F2F2F, #525252);
background-image:-webkit-linear-gradient(30deg, #2F2F2F, #525252);
background-image:-o-linear-gradient(30deg, #2F2F2F, #525252);
background-image:linear-gradient(60deg, #2F2F2F, #525252);	

	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;

/*text-shadow: 2px 2px 6px #999;
background: #f1f1f1 url("icones/background-orange.jpg") repeat scroll 0 0;

background-color:#525252;*/
}

.bgoffre-pack-1{
	background-color:#f58220;
	background-image:url("../icones/pack-web.png");
}

.bgoffre-pack-1 a{
	color:#fffbd0;
}

.bgoffre-pack-2{
	background-color:#0066b3;
	background-image:url("../icones/web.png");
}

.bgoffre-pack-2 a{
	color:#e9eaed;
}

.bgoffre-pack-3{
	background-color:#C60;
	background-color:#79a12f;
	background-image:url("../icones/bannr2backoffice.png");
}

.bgoffre-pack-3 a{
	color:#e9eaed;
}

.offre-packtitre{
	text-shadow: 2px 2px 6px #999;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	margin:10px;
	
}

.offre-packtxt{
	font-size:12px;
	margin:10px;
	color:#F1F1F1;
	min-height:50px;
	max-width:250px;
}

.offre-packlien{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin:10px;
/*	text-align:right;*/
	
}

.offre-packlien a{
	text-decoration:none;
}

.offre-packlien a:hover{
	text-decoration:underline;
}

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

.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;
}

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

.offre-slide-1{background-image:url(../images_slides/example-slide-1.jpg);}
.offre-slide-2{background-image:url(../images_slides/example-slide-2.jpg);}
.offre-slide-3{background-image:url(../images_slides/example-slide-3.jpg);}
.offre-slide-4{background-image:url(../images_slides/example-slide-4.jpg);}

.offre-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;
}

.offre-slide-txt{
	color:#666;
    margin: 10px;
	
	background-color: #f58220;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
    padding: 3px 15px;
}

.offre-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;	
}

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

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


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

.corp{
	background-color:#f6f6f6;
	box-shadow: 0px 0px 5px 0px #666;
/*	padding:5px 15px;*/
	margin-top:5px;
	float:left;
	width:100%;
}

.item-tr{
/*	border:1px solid red;*/
	float:left;
	width:100%;
	border-bottom: 1px solid #e1e1e1;
}

.item{
/*	border:1px solid green;*/
	float:left; 
	max-width:480px; 
	width:100%; 
	margin:20px 30px;
}

.item-img{
	width:80px; 
	float:left;
}

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

.item-txt{
	max-width:390px; 
	width:100%; 
	float:left; 
	margin-left:10px; 
	color:#333;
}

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

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

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

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

/* Pied ***************************************************************************************/

.pied{
	background-color:#e77d14;
	color:white;
	box-shadow: 0px 0px 5px 0px #666;
	border-radius: 0 0 10px 10px;
	margin:5px 0px 10px 0px;
	float:left;
	width:100%;
/*	background-image: -moz-linear-gradient(center left , #555, #e77d14);
	background:#e77d14 url("../icones/background-orange.jpg") repeat scroll 0 0;*/
}

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

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

.pied-titre{
	margin-bottom:20px;
	font-size: 14px;
    font-weight: bold;
    list-style-type: none;
}

.pied-txt{
    list-style-type: none;
}

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

.en-maintenance{
	background-image:url(../icones/en-maintenance.png);
	background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
	background-color:#930;
	background-color: #6f5499; 
	background-color:#e77d14;
	color: #cdbfe3;
	color:#fffbd0;
	margin-bottom:5px; 
	font-weight:bold; 
	font-size:22px;
	text-shadow: 0 1px 0 rgba(0,0,0,.1); 
	padding:8px 20px; 
	box-shadow: 3px 3px 3px #333;
	text-align:center;
	text-shadow: 2px 2px 6px #000;
}

.en-maintenance a{
	color:#cdbfe3;
	color:#fffbd0;
	text-decoration:none;
	text-shadow: 2px 2px 6px #000;
}

.en-maintenance a:hover{
	text-decoration:underline;
}


@media (max-width: 1124px) {
	
}

@media (max-width: 1098px) {
.item {
  margin: 20px 0px;
  width:50%;
}

.item-txt {
	width:auto;
}
}

@media (max-width: 878px) {
.offre-pack {
	float:none;
	width: 100%;
}

.offre-pack-slide {
	float:none;
	width: 100%;
}
	
}

@media (max-width: 600px) {
.item-tr{
	border:none;
	
}

.item {
  clear:both;
  margin: 20px 0px;
  width:100%;
  border-bottom: 1px solid #e1e1e1;
}
	
}