@charset "utf-8";
/* CSS Document */

html,body{
	background:url(../pro_drop_1/images/bg.jpg) repeat-x top;
	margin:0;
	padding:0;
}
img
{
	border:none;
}
a{
	outline:none;
}
#container
{
	width:950px;
	background:#ffffff;
	margin:auto;
}
#header
{
	width:950px;
	height:130px;
	position:relative;
	background:url(../images/header-interne-bg.png) 200px 0 no-repeat;
}
.reseaux-top
{
	width:168px;
	height:14px;
	padding:10px 5px;
	background:url(../images/reseaux-bg.png);
	position:absolute;
	top:0;
	right:0;
}
.reseaux-top a
{
	width:16px;
	float:right;
	display:block;
	margin:0 2px;
}
.logo
{
	width:200px;
	height:130px;
	position:absolute;
	left:0;
	top:0;
}
#nav-container
{
	height:50px;
	width:750px;
	position:absolute;
	right:0;
	bottom:0;
}
#banner
{
	margin:0;
	padding:0;
	height:212px;
}
#content{
	background:url(../images/bg-content.png) repeat-x top;
	position:relative;
}
.devis
{
	position:absolute;
	top:-45px;
	left:5px;
}
.agence
{
	width:630px;
	margin:auto;
}
#right
{
	width:615px;
	float:right;
	margin:50px 0;
	font:12px/20px "Century Gothic";
}
#right p
{
	margin:0;
	padding:5px 0;
	width:440px;
	font:12px/20px "Century Gothic";
	color:#444444;
	text-align:justify;
}
#right ul li
{
	list-style-image: url(../images/arrow.png);
}
#right h3
{
	font:22px "Century Gothic";
	margin:0;
	padding:10px 25px;
	color:#e6760c;
	background:url(../images/arrow-h3.png)  0 55% no-repeat;
}


#long
{
	width:790px;
	margin:auto;
	padding:50px 0;
	font:12px/20px "Century Gothic";
}
#long p
{
	margin:0;
	padding:5px 0;
	font:12px/20px "Century Gothic";
	color:#444444;
	text-align:justify;
}
#long ul li
{
	list-style-image: url(../images/arrow.png);
	text-align:justify;
}
#long h3
{
	font:22px "Century Gothic";
	margin:0;
	padding:10px 25px;
	color:#e6760c;
	background:url(../images/arrow-h3.png)  0 55% no-repeat;
}
h4.green
{
	color:#6d9a2f;
	font:bold 14px "Century Gothic";
	display:block;
	padding:10px 26px;
}
.long-left
{
	float:left;
	width:354px;
	font:12px/20px "Century Gothic";
	color:#444444;
	padding:0 0 0 26px;
	text-align:justify;
}
.long-right
{
	float:right;
	width:345px;
	font:12px/20px "Century Gothic" ,Arial, Helvetica, sans-serif;
	color:#444444;
	padding:0 0 0 26px;
	text-align:justify;
}

#footer
{
	width:950px;
	margin:auto;
	background:#dfdfdf url(../images/bg-footer.png) repeat-x  ;
}
.foot-left
{
	width:280px;
	padding-left:35px;
	float:left;
}
.foot-left h3
{
	margin:0;
	padding:25px 0 15px 0;
	color:#444444;
	font:20px "Century Gothic",Arial, Helvetica, sans-serif;
}
.foot-left ul
{
	margin:0;
	padding:0;
}
.foot-left ul li
{
	color:#444444;
	font:12px "Century Gothic",Arial, Helvetica, sans-serif;
	list-style:none;
	padding:10px 5px;
	border-top:solid 1px #bfbfbf;
}
.foot-temoignage
{
	width:280px;
	height:auto;
	float:left;
	margin:0 25px;
	background:url(../images/temoignage.png) no-repeat 5px 75px ;
}
.foot-temoignage p,.foot-temoignage h1,.foot-temoignage h2{
	margin:0;
	padding:5px 0;
	float:right;
	width:228px;
	font:12px "Century Gothic",Arial, Helvetica, sans-serif
	/*text-align:justify;*/
}

.foot-temoignage h3
{
	margin:0;
	padding:25px 0 15px 0;
	color:#444444;
	font:20px "Century Gothic";
	border-bottom:solid 1px #bfbfbf;
}
.news
{
	width:295px;
	float:right;
}
.news h3
{
	margin:0;
	padding:25px 0 15px 0;
	color:#444444;
	font:20px "Century Gothic" ,Arial, Helvetica, sans-serif;
}

.new-container {
    background: none repeat scroll 0 0 #D4D4D4;
    margin-right: 20px;
    padding: 10px 25px;
    position: relative;
	font:12px "Century Gothic" ,Arial, Helvetica, sans-serif;
    width: 215px;
}
.new-container .left-bg-t
{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/news-left.png);
	width:10px;
	height:10px;
}
.new-container .right-bg-t
{
	position:absolute;
	top:0;
	right:0;
	background:url(../images/news-right.png);
	width:10px;
	height:10px;
}
.new-container .left-bg-b
{
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/news-left-b.png);
	width:10px;
	height:10px;
}
.new-container .right-bg-b
{
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/news-right-b.png);
	width:10px;
	height:10px;
}
.new-container h4
{
	color:#444444;
	font:16px "Century Gothic";
	height:22px;
	margin:0;
	padding:5px 0 5px 40px;
	background:url(../images/news-bg.png) no-repeat;
}
.new-container form
{
	margin:0;
	padding: 15px 0;
}
.input-news
{
	width:123px;
	height:15px;
	padding:5px;
	background:url(../images/input-news.png);
	float:left;
	border:none;
	color:#8d8d8d;
	font:12px "Century Gothic";
	
}
.input-btn
{
	width:78px;
	height:25px;
	cursor:pointer;
	border:none;
	background:url(../images/s-abonner.png);
	float:left;
}
.coop
{
	width:950px;
	padding:5px 0;
	margin:auto;
	text-align:right;
	font:12px "Century Gothic";
}
.mycarousel-width
{
	width:765px;
}
.clr
{
	clear:both;
}
.big
{
	font:18px "Century Gothic";
	width:855px;
	margin:0 auto 20px auto;
	color:#E6760C;
	text-align:center;
}
#contact
{
	width:760px;
	padding:25px 0;
	height:433px;
	margin:0 auto;
	background: url(../images/bg-contact.jpg) top left no-repeat;
}
#contact form
{
	width:395px;
	float:right;
	position:relative;
	margin:0 150px 0 0;
	padding:5px 0;
	font:12px "Century Gothic";
	color:#444444;
}
#contact form label
{
	padding:5px;
	display:block;
	font:14px "Century Gothic";
	color:#709d31;
}
#contact form span
{
	color:#ff0000;
}
#contact form .input
{
	width:385px;
	height:15px;
	padding:5px;
	border-top:solid 1px #a6a6a6;
	border-left:solid 1px #a6a6a6;
	border-bottom:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	color:#444444;
}
#contact form .textarea
{
	width:385px;
	height:85px;
	padding:5px;
	resize:none;
	border-top:solid 1px #a6a6a6;
	border-left:solid 1px #a6a6a6;
	border-bottom:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	color:#444444;
}

.send-btn {
    background: url("../images/send-btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    bottom: -55px;
    cursor: pointer;
    height: 52px;
    position: absolute;
    right: -5px;
    width: 157px;
}
h3.title-contact{
	font:22px "Century Gothic";
	margin:10px auto 0 auto;
	width:425px;
	padding:10px 25px;
	color:#e6760c;
	background:url(../images/arrow-h3.png)  0 55% no-repeat;
}

.img-web {
    height: 259px;
    position: absolute;
    right: 88px;
    top: 60px;
    width: 243px;
}
.laissez-nous
{
	width:260px; 
	height:330px;
	float:right;
}
.moyens
{
	width:260px; 
	height:330px;
	float:right;
	margin:0 42px;
}
.exemple
{
	width:260px; 
	height:330px;
	float:left;
	background:url(../images/exemple.png) no-repeat bottom;
}
.gray
{
	   background: none repeat scroll 0 0 #F6F6F6;
    border: 3px solid #E7E7E7;
    height: 217px;
    padding: 0 20px;
    text-align: justify;
    width: 215px;
}
.gray h3
{
	font:22px "Century Gothic";
	margin:0;
	padding:10px 25px;
	color:#e6760c;
	background:url(../images/arrow-h3.png)  0 55% no-repeat;
}
.error {
    background: url(../images/bullet_error.png) no-repeat 10px 6px #FF0000;
    color: #FFFFFF;
    left: -70px;
    padding: 5px;
    position: absolute;
	text-align:center;
    top: -20px;
    width: 501px;
}
.success {
    background: url(../images/email_send_receive.png) no-repeat 10px 6px #709D31;
    color: #FFFFFF;
    left: -70px;
    padding: 5px;
    position: absolute;
	text-align:center;
    top: -20px;
    width: 501px;
}