body {
	color: #3c3c3c;
	background:  #e1dfdf;
	font-family: "Open Sans",sans-serif;
	font-size: 10px;
}

#global {
	width: 100%;
	border-top: #16065e 5px solid;
}

.logo {
	float: left;
	width: 285px;
	height: 70px;
	margin-bottom: 25px;
}

.pts_ronds {
	background: url('../img/point.png') no-repeat -9px 31px;
}

.top {
	margin-bottom: 23px;
	position: relative;
}

.top2 {
	margin-top: 23px;
}

.topinner {
	background: url('../img/topback.png') 0px -5px no-repeat;
	width: 419px;
	height: 45px;
	position: absolute;
	z-index: 15;
	right: 0;
	padding-top: 7px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.info {
	color: #fff !important;
}
.buro {
	color: #fff !important;
}
.mob {
	color: #fff !important;
}
.top li {
	padding: 1px 10px 2px 10px;
	text-transform: uppercase;
	margin-left: 5px;
	display: inline;
	
}

.top li a {
	color:#fff;
	text-decoration:none;
	
}

.top ul {
	display: inline;
	margin: 15px 0 0 68px;
}
.title {
	color: #16065e;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.welcome {
	/*margin-top:30px;*/
font-size: 12px;
}
.p1 {
	margin-top: 4px;
	text-align: justify;
}.contact-info{
	padding-top:17px;
}
.contact-info li {
	margin: 0px 0 0 0;
	padding: 7px 0 7px 0;
	list-style: none;
	border-bottom: 1px solid #f3f3f3;
}
.contact-info li img {
	margin-right: 10px;
}
.contact-info li:last-child {
	border-bottom: none;
}
/* portfolio thumbnails */
.portfolio {
	margin-left: -25px;
	font-size: 0;
}
.portfolio li {
	display: inline-block;
	margin: 0 0 20px 25px;
	position: relative; /* used for link overlay positioning */;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
}
.portfolio li a {
	padding: 3px;
	background: #fff;
	border: 1px solid #fff;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
/*.portfolio li img {
		border-radius:3px;
	}*/
.portfolio li span {
	display: block;
	height: 74px;
	width: 220px;
	position: absolute;
	top: 3px;
	font-size: 14px;
	color: #fff;
	opacity: 0;
	text-align: center;
	font-weight: bold;
}
.portfolio li:hover span {
	opacity: 1;
}
.portfolio li span:before {
	padding-top: 45px;
	font-family: icon;
	font-size: 50px;
	display: block;
	padding-bottom: 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	opacity: 0.99;
	font-style: normal;
	font-weight: normal;
}
.portfolio li span, .portfolio li img {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.portfolio li:hover img {
	-khtml-opacity: .50;
	-moz-opacity: .50;
	-ms-filter: ”alpha(opacity=50)”;
	filter: alpha(opacity=50);
	opacity:.50;
}
.portfolio li.default span {
	background-color: #fff;
	color: #696969;
	padding: 12px 15px 10px 10px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
	font-family: inherit;
}
.portfolio li.default span strong {
	display: block;
	color: #696969;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}
/* prod thumbnails */
.prod {
	margin-left: -15px;
	font-size: 0;
}
.prod li {
	display: inline-block;
	margin: 0 0 20px 25px;
	position: relative; /* used for link overlay positioning */;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
}
.prod li a {
	padding: 3px;
	background: #fff;
	border: 1px solid #fff;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
/*.portfolio li img {
		border-radius:3px;
	}*/
.prod li span {
	display: block;
	height: 100px;
	width: 240px;
	position: absolute;
	top: 3px;
	font-size: 14px;
	color: #fff;
	opacity: 0;
	text-align: center;
	font-weight: bold;
}
.prod li:hover span {
	opacity: 1;
}
.prod li span:before {
	padding-top: 45px;
	font-family: icon;
	font-size: 50px;
	display: block;
	padding-bottom: 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	opacity: 0.99;
	font-style: normal;
	font-weight: normal;
}
.prod li span, .portfolio li img {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.prod li:hover img {
	-khtml-opacity: .50;
	-moz-opacity: .50;
	-ms-filter: ”alpha(opacity=50)”;
	filter: alpha(opacity=50);
	opacity:.50;
}
.prod li.default span {
	background-color: #fff;
	color: #696969;
	padding: 12px 30px 23px 10px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
	font-family: inherit;
}
.prod li.default span strong {
	display: block;
	color: #696969;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}
footer {
	width: 100%;
	border-bottom: 5px solid #6147d4;
	padding-top: 15px;
	position: fixed;
	bottom: 0;
	background: rgba(181, 181, 181, 0.28);
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	z-index:20;
}
.foott {
	position: relative;
}
.footinner {
	background: url('../img/footback.png') -20px -3px no-repeat;
	width: 419px;
	height: 33px;
	position: absolute;
	z-index: 12;
	left: 0;
}
.more {
	margin-top: 3px;
}
.bg_title {
	margin-bottom: 0px;
	background: url(../img/stripes_black.png) repeat-x 0 10px;
}
.welc {
	margin-bottom: 0px!important;
	padding: 5px 5px 5px 0;
	background: #fff no-repeat left;
	color: #16065e;
	display: inline-block;
}
.certf {
	margin-bottom: 0px!important;
	padding: 5px 5px 5px 10px;
	background: #fff no-repeat left;
	color: #16065e;
	display: inline-block;
}
#content {
	margin-bottom: 70px;
}
.copy {
	margin: 7px 0 10px 89px; 
	font-weight: bold; 
	color: #fff;}
.by {
	color: #16065e;
	text-align: right;
}
.partnaire {
	position: relative;
}
.slice1 {
	background: url('../img/slice1.png') no-repeat center;
	width: 52px;
	height: 110px;
	position: absolute;
	z-index: 15;
	left: -19px;
	top: 0px;
}
.slice2 {
	background: url('../img/slice2.png') no-repeat center;
	width: 435px;
	height: 111px;
	position: absolute;
	z-index: 15;
	right: -28px;
	top: -1px;
}
.cert {
	height: 36px;
	text-align: right;
	font-size: 12px;
	padding: 24px 0 0 0;
}
.act {
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-o-border-radius: 10px 0 0 0;
	-ms-border-radius: 10px 0 0 0;
	-khtml-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	color: #ffffff;
	background-color: #262262;
	background-image: none;
	display: block;
	text-transform: uppercase;
	padding: 16px 39px 10px 40px;
	text-decoration: none;
}
.act_last {
	color: #ffffff;
	background-color: #262262;
	background-image: none;
	display: block;
	text-transform: uppercase;
	padding: 16px 39px 10px 40px;
	text-decoration: none;
}

.act_last2 {
	color: #ffffff !important;
	background-color: #262262;
	background-image: none;
	display: block;
	text-transform: uppercase;
	/*padding: 16px 39px 10px 40px;*/
	text-decoration: none;
}

.act_last2 a {
	color: #ffffff !important;
	}
	
	.act_last2 li a{
	color: #c3c3c3 !important;
	}


label {
	margin: 4px 5px 10px 5px;
/*color: #989898;*/display: block;
}
.inputs, .search, input:required:valid, input[type=text], input[type=submit] {
	font-family: 'PT Sans', sans-serif;
	border: none;
	background: none;
	color: #b6b6b6;
	font-size: 10px;
	padding: 2px 10px;
	height: 21px;
	display: block;
	line-height: normal !important;
	background: #fff;
	border: 1px solid #f2f2f2;
	width: 160px;
}
textarea {
	font-family: 'PT Sans', sans-serif;
	border: none;
	background: none;
	color: #b6b6b6;
	font-size: 11px;
	padding: 2px 10px;
	height: 30px;
	width: 310px;
	display: block;
	line-height: normal !important;
	background: #fff;
	border: 1px solid #f2f2f2;
}
textarea {
	line-height: 20px !important;
	padding-top: 10px !important;
}
input:required:valid:hover, textarea:hover, input[type=text]:hover, input[type=submit]:hover, .inputs:hover {
	color: #333 !important;
	background: #fafafa;
}
#message, textarea {
	height: 129px;
	overflow: hidden;
}
input[type=submit] {
	margin: 0;
	padding: 0;
}
input[type=text].search {
	width: 175px;
	margin-top: 10px;
	margin-bottom: 36px;
	color: #333 !important;
}
.left_marg {
	margin-left: 20px;
}
.button.white {
	background: #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	border-color: #dedede #d8d8d8 #d3d3d3;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.button {
	display: inline-block;
	text-decoration: none;
	font: bold 12px/12px HelveticaNeue, Arial;
	padding: 3px 11px;
	color: #555;
	border: 1px solid #dedede;
	cursor: pointer;
	margin-top: 12px;
}
form {
	margin: 18px auto;
}
.certif {
	margin-top: 25px;
	margin-bottom:25px;
}
.box_prod {
	margin-top: 15px;
}
.vogue {
	margin-top: 15px;
}
.new {
	margin-top: 15px;
}
.imgs {
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.logo_prod {
}
.img_prod {

	margin: 15px 0  23px 0 ;
;
}
.prod_c_title {
	color: #888;
	font-size: 11px;
	margin-bottom: -3px;
}
.prod_C {
	color: #888;
	text-align: left;
}
.cat {
	margin: 15px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ebebeb;
}
h2.trigger span {
	text-decoration: none;
	display: block;
	background: url(../img/plus.png) #fafafa;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 25px;
	cursor: pointer;
}
h2.trigger {
	font-size: 13px;
	font-family: "DroidSansRegular", Arial, Verdana;
	line-height: 26px;
	color: #16065e;
}
.trigger {
	margin-bottom: 15px;
}
h2.active {
	background-position: left bottom;
}
h2.active span {
	color: #2d6191;
}
/*h2.trigger span {
color: #303030;
}*/
h2.active span {
	background: url(../img/minus.png) no-repeat;
	background-position: 0px 8px !important;
}
.toggle_container {
	margin: 0 0 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	clear: both;
	border-width: 0px 1px;
}
.toggle_container .block {
	padding: 10px;
}
.toggle_container .block p {
	padding: 0;
	margin: 0 0 5px 0;
}
.block li {
	padding: 9px 0;
	border-top: 1px solid #f1f1f1;
	list-style: inside;
	list-style-type: disc;
	color: #2d6191;
}
.block li:first-child {
	border-top: none;
}
.block li a {
	color: #2d6191;
}

.block li a:hover{
	color: #b2b2b2;
}

.frame {
	border: 1px solid #e5e5e5;
		-moz-border-radius: 5px;
-webkit-border-radius:5px ;
-o-border-radius: 5px ;
-ms-border-radius: 5px ;
-khtml-border-radius:5px;
border-radius: 5px ;
}
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	margin: 0 12px 12px 0;
	float: left;
}
.discours {
	margin-top: 15px;
	text-align: justify;
}
.discours2 {
	margin-top: 15px;
	border-left: 1px solid #f5f5f5;
}
.title_toggle {
	font-size: 15px;
	line-height: 50px;
}

.white{
	background:#fff;
}

.foot_cert{
	margin-bottom:15px;
}

.bas_rond{
-webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 0 0 10px 10px ;
-webkit-border-radius: 0 0 10px 10px ;
-o-border-radius: 0 0 10px 10px ;
-ms-border-radius: 0 0 10px 10px ;
-khtml-border-radius: 0 0 10px 10px ;
border-radius: 0 0 10px 58px ;
}

.shad_foot{
	background:url('../img/shadow.png') no-repeat center -2px;
	/*height:58px;*/
	padding:30px 0 0 0;
}

#scrolltotop {
    width: 48px;
    height: 48px;
    background: url("../img/top.png") top no-repeat;
    margin: 0px 15px 120px 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 3px;
}
#scrolltotop:hover { background: url("../img/top.png") bottom no-repeat }

.liste li{
list-style:square;

margin-bottom:5px;

}

.liste ul{

margin:15px 0 0 25px;	
}

#liste_inf {
overflow: hidden;
height: 126px;
width: 100%;
margin: 10px 0 0 0;
border-top: 1px dotted #E6E6E6;
padding: 10px 0 0 0;
font-size:10px;
color:#262262;
}

.progress{
	font-size:50px;
	text-align:center;
	line-height:80px;
}