                                                                        @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
body{
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color: #666666;
	font-weight:400;
	line-height:20px;
	text-align:justify;
}
a{
	color: #c1548e;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}
p{
	padding: 0px 0px 15px;
	margin: 0;
}
b, strong{
	font-weight: 700;
}
i, em{
	font-style: italic;
}

.hide-text{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.clear{
	position: relative;
	clear: both;
	display: block;
}

.container{
	position: relative;
	width: 1073px;
	margin: 0 auto;
}

/** style **/

h1{
font-family: 'Libre Baskerville', serif;
font-size:20px;
font-weight:bold;
text-align:left;
color:#c1548e;
text-transform:uppercase;
line-height:30px;
background:url(../images/h11.png) left bottom no-repeat;
margin-bottom: 15px;
padding: 0 0px 15px 33px;
}

h2{
font-family: 'Libre Baskerville', serif;
font-size:18px;
font-weight:bold;
text-align:left;
color:#c1548e;
line-height:25px;
padding-bottom: 10px!important;
}
h3{
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
line-height: 25px;
     color:#151515;
	 padding-bottom: 10px!important;
}

h4{
font-family: 'Libre Baskerville', serif;
font-size:15px;
line-height: 25px;
font-weight:400;
color:#151515;
 padding-bottom: 10px!important;
}

h5{
font-family: 'Libre Baskerville', serif;
font-size:14px;
line-height: 22px;
color:#c1548e;
font-weight:400;
 padding-bottom: 10px!important;
}
h6{
font-family: 'Libre Baskerville', serif;
font-size:13px;
line-height: 22px;
color:#c1548e;
font-weight:400;
 padding-bottom: 10px!important;
}
.image-right{
	float: right;
	margin: 6px 0 15px 25px;
	border:1px solid #a7a5a5;
	padding:5px;
	background:#ffffff;
}
.image-left{
	float: left;
	margin: 0 25px 15px 0px;
	border:1px solid #a7a5a5;
	padding:5px;
	background:#ffffff;
}
/**********************intro*******************************/
#bg{
position:relative;
width:100%;
height:100%;
/*background:url(../images/bg-body2.jpg) center top repeat-y;*/
left: -2px;
float: left;
}
#left{
position:relative;
float:left;
width:50%;
min-height:100px;
}
.logo1{
float: right;
    height: 168px;
    left: -100px;
    margin-top: 323px;
    position: relative;
    width: 223px;
}
#right{
position:relative;
float:right;
width:50%;
min-height:100px;
}
.logo2{
position:relative;
float:left;
width:323px;
height:168px;
margin-top:162px;
left:7px;
}
.proximedia1{
position:relative;
float:left;
width:79px;
height:13px;
margin-left:423px;
margin-top:241px;
}
/*****************Site1*******************/
#header{
position:relative;
min-height:239px;
background:url(../images/header.jpg) center top repeat-x;
border-top:3px solid #c1548e;
}
.logo{
position:relative;
float:left;
width:166px;
height:143px;
padding:13px 453px 13px 454px;
}

/*************menu*************/
#menu{
position:relative;
min-height:69px;
border-top:1px solid #e5e5e5;
}
.nav{
position:relative;
width:1073px;
min-height:69px;
}
/****************slideshow*********************/
#slideshow{
position:relative;
z-index:1;
height:443px;
overflow:hidden;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #e2e2e2;
}
#slideshow .camera_overlayer{
  background:url(../images/slide-bg.png) center top repeat-x;
  position: relative;
  height:443px;
  z-index:2;
}

/*************************Home*********************/
#content-wrapper{
position:relative;
z-index:1;
min-height:200px;
background:url(../images/bg.jpg) center top repeat;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #eeeeee;
 padding-bottom: 46px
}
.content{
position:relative;
width:1000px;
min-height:100px;
text-align:center;
padding:40px 36px 25px;
background:#fff;
box-shadow: 0px 2px 2px 0px #a0a0a0;
    z-index: 2;
    margin-top: -63px;
}
.content1{
position:relative;
width:1000px;
min-height:100px;
margin-top: 46px;
padding:40px 36px 25px;
background:#fff;
box-shadow: 0px 2px 4px 0px #a0a0a0;
}
.content2{
position:relative;
width:1000px;
min-height:100px;
margin-top: 46px;
padding:40px 36px 25px;
background:#fff;
box-shadow: 0px 2px 4px 0px #a0a0a0;
}
.content2 h1{
}
.zoom{
float: right;
    height: 29px;
    margin-top: -532px;
    position: relative;
    right: -36px;
    width: 100px;
}
.zoom1{
float: right;
    height: 29px;
    margin-top: -78px;
    position: relative;
    right: -38px;
    width: 100px;
}

.box{
position:relative;
width:1000px;
min-height:418px;
padding-bottom: 40px;
}
a.box1{
position:relative;
display:block;
z-index:1;
float:left;
width:500px;
min-height:209px;
}
a.box1:hover{
text-decoration:none;
}
a.box1 .image{
position:relative;
display:block;
z-index:1;
float:left;
width:250px;
min-height:209px;
}
a.box1:hover .image{
text-decoration:none;
}
a.box1 .image:after{
position:absolute;
z-index:2;
width:250px;
min-height:209px;
content:'';
top:0;
left:0;
background:url(../images/hover-box.png) center no-repeat;
opacity:0;
}
a.box1:hover .image:after{
opacity:1;
text-decoration:none;
}
a.box1 .contenu1{
position:relative;
float:left;
width:250px;
min-height:209px;
background:#c1548e;
color:#ffdaee;
text-align:justify;
}
a.box1 .contenu2{
position:relative;
float:left;
width:250px;
min-height:209px;
background:#eae9e9;
color:#686868;
text-align:justify;
}
a.box1 .contenu2 h2{
color:#c1548e;
font-size:21px;
text-transform:uppercase;
}
a.box1 .contenu1 h2{
color:#fff;
font-size:21px;
text-transform:uppercase;
line-height: 30px;
}
a.box1:hover .contenu1 , a.box1:hover .contenu2 , a.box1:hover .contenu1 h2 , a.box1 .contenu2 h2{
text-decoration:none;
}
a.box1 .contenu1 .text1{
position:relative;
float:left;
z-index:3;
width:200px;
min-height:179px;
padding:20px 25px 10px 34px;
margin-left:-9px;
background:url(../images/1.png) center left no-repeat;
	text-align: left;
}
a.box1 .contenu1  .readmore{
position:relative;
float:left;
text-align:left;
color:#ffdaee;
background:url(../images/more-hover.png) center right no-repeat;
min-height:22px;
width:95px;
}
a.box1 .contenu2 .readmore1{
position:relative;
float:left;
text-align:left;
color:#c1548e;
background:url(../images/more.png) center right no-repeat;
min-height:22px;
width:95px;
}
a.box1 .contenu2 .text2{
position:relative;
float:left;
z-index:3;
width:200px;
min-height:179px;
padding:20px 25px 10px 34px;
margin-left:-9px;
text-align: left;
background:url(../images/2.png) center left no-repeat;
}
a.box1 .contenu2 .text3{
position:relative;
float:left;
z-index:3;
width:200px;
min-height:179px;
padding:20px 34px 10px 25px;
margin-right:-9px;
text-align: left;
background:url(../images/3.png) center right no-repeat;
}
a.box1 .contenu1 .text4{
position:relative;
float:left;
z-index:3;
width:200px;
min-height:179px;
text-align: left;
padding:20px 34px 10px 25px;
margin-right:-9px;
background:url(../images/4.png) center right no-repeat;
line-height: 21px;
}

.contenu{
position:relative;
width:1000px;
min-height:100px;
text-align:center;
}
.contenu h1{
text-align:center;
background:url(../images/h1.png) center bottom no-repeat;
padding: 0 100px 50px;
}

/********************************************************************************************************/
ul ,ol{
	padding: 0px 0px 15px 15px;
}
ul ul, ol ol , ul ol ,  ol ul {
	padding: 5px 0px 0px 15px;
}
ul li {
	padding: 0px 0px 5px 10px;
}
 ul > li {
	background: url(../images/liste1.png) no-repeat 0px 9px;
}
 ul ul > li {
	background: url(../images/liste1.png) no-repeat 0px 9px;
}
ol li {
	list-style-type: decimal;
	padding: 0px 0px 5px 5px;
	margin-left: 20px;
}
.dark-text{
	color: #c1548e;
}

table.table-style{
	position: relative;
}
table.table-style thead th {
	background: #f0f0f0;
	font-weight: bold;
	text-align: left;
}
table.table-style thead th,
table.table-style tbody td {
	padding: 10px 20px;
	border: 1px solid #ddd;
}
table thead th {
text-align:left;
font-weight:bold;
color:#454545;
}
.black{
color:#0000;
}
.white{
color:#ffffff;
}
.purple{
color:#c1548e;
}

/**********************************footer************************/
#footer{
	position: relative;
	min-height:317px;
	background:#eeeeee;
	border-top: 1px solid #fefdfb;
	overflow: hidden;
}
.contact{
position: relative;
width:1076px;
 min-height: 165px;
    padding-top: 45px;
border-bottom:1px solid #dbdbdb;
text-align:center;
color:#6c6c6c;
line-height: 25px;
}
.contact h1{
text-align:center;
color:#333333;
background:url(../images/h-contact.png) center bottom no-repeat;
padding-bottom: 35px;
margin-bottom: 20px;
}
.sep-contact{
background:url(../images/sep-contact.png) no-repeat right  8px;
padding:0 9px 0 6px;
}
.sep2{
padding-left:3px;
}
.facebook{
position:relative;
float:left;
width:38px;
height:38px;
margin-left:518px;
margin-top:34px;
}
.facebook .addthis_toolbox .at300b , .facebook .addthis_button_facebook{
    background-image: url(../images/fb.png);
    background-repeat: no-repeat;
width:38px;
height:38px;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: none .4s;
    -moz-transition: none .4s;
    -o-transition: none .4s;
    transition: none .4s;
}
.at15t_facebook, .at16nc.at16t_facebook {
    background: none!important;
}
.proximedia{
position:relative;
float:left;
width:79px;
height:13px;
padding:13px 0 12px;
margin-top:34px;
margin-left:17px;
}

 .back-to-top{
    position: fixed;
    right: -11px;
    bottom: 32px;
    width: 20px;
    height: 20px;
    display: none;
    opacity: .6;
    padding: 15px;
    background: url(../images/icon-top.png) no-repeat center rgba(155, 155, 155, 0.9);
	margin-right:17px;
	border-radius: 90px;
    text-indent: -9999px;
	z-index: 10;
}
.back-to-top:hover{
	opacity: 1;
	display: block;
}
        
.prix{
	width:20%
}
.nom{
width:80%;
}
        
  