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


body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#333333;
	padding:0;
	margin:0;
}


@font-face {
    font-family: 'agency_fbregular';
    src: url('../fonts/agency_fb-webfont.eot');
    src: url('../fonts/agency_fb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agency_fb-webfont.woff') format('woff'),
         url('../fonts/agency_fb-webfont.ttf') format('truetype'),
         url('../fonts/agency_fb-webfont.svg#agency_fbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
	text-decoration:none;
}


img {
	border:none;
}


#fenetre {
	top:48%;
	left:40%;
	padding:20px;
	background:#102135;
	width:340px;
	height:auto;
	border:#B83A1B 1px solid;
	position:absolute;
	font-size:12px;
	text-align:center;
}
#fenetre p {
	color:white;
}
#fenetre a {
	cursor:pointer;
	color:#B83A1B;	
}
#fenetre a:hover {
	text-decoration:underline;
}
/*-------------------------------------------ENTETE-------------------------------------------*/

#bandeau #interieur h3 {
	position:absolute;
	margin-left:30px;
	font-size:22px;
	background:url(../images/orange_trans.png);
	padding:3px;
	color:white;
	font-weight:normal;
}
#bandeau #interieur .lien {
	position:absolute;
    display: block;
    background: #B83A1B;
    color: white;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: normal;
    margin-top: 85px;
	margin-left:50px;
}

#header {
	height:130px;
	width:900px;
	margin:0 auto;
	margin-bottom:0px;
}
#logo {
	margin:40px 0;
}
#logo2 {
	position:absolute;
	margin:0 0 0 700px;
	z-index:0;
	right:0;
}
#navigation {
	width:610px;
	height:40px;
	margin:90px 0 0 0;
	padding:0;
	float:right;
	z-index:10;
	position:relative;
}
#navigation li {
	float:left;
	list-style:none;
	margin-left:20px;
	padding-top:10px;
	height:30px;
	font-size:19px;
	color:#183152;
	text-transform:uppercase;
	width:130px;
	font-family: 'agency_fbregular';
	text-align:center;
	cursor:pointer;
}
#navigation li:hover {
	background:url(../images/menu_bg_hover.png) bottom left no-repeat;
	color:#B83A1B;
}
.active {
	background:url(../images/menu_bg_hover.png) bottom left no-repeat;
	color:#B83A1B!important;
}



#header_droite {
	/*float:right;*/
	/*margin-top:35px;*/
	position:absolute;
	top:10px;
	margin-left:640px;
	color:#183152;
	text-align:left!important;
	line-height:29px;
}

#header_droite a {
	font-size:17px;
	color:#183152;
	font-style:italic;
}
#header_droite a img {
	margin-bottom:-5px;
	margin-right:7px;
	height:22px;
}
#header_droite a:hover {
	font-weight:bold;
}

/*-------------------------------------------BANDEAU-------------------------------------------*/
#bandeau {
	height:250px;
	width:100%;
	background:#102135;
	background:url(../images/bandeau_bg3.jpg);
	margin:0 0 0 0;
	border-top:#102135 3px solid;
}
#bandeau #interieur {
	width:900px;
	height:250px;
	margin:0 auto 0 auto;
}
#bandeau #interieur #barre {
	position:absolute;
	margin-top:250px;
}

#header_bord_gauche {
	position:absolute;
	z-index:500;
	margin-left:4px;
}
#header_bord_droite {
	position:absolute;
	z-index:500;
	margin-left:860px;
}

#sub_header {
	background:url(../images/orange_trans.png);
	position:absolute;
	width:100%;
	height:32px;
	z-index:1000;
	border-bottom:#102135 3px solid;
}
#sub_header ul {
	width:860px;
	height:32px;
	margin:0 auto;
	padding:0 0 0 40px;
}
#sub_header ul li {
	float:left;
	margin:0 60px 0 0px;
	padding:6px 0 0 0;
	list-style:none;
	height:26px;
	color:#102135;
	font-size:18px;
	font-weight:normal;
	width:150px;
}
#sub_header ul li.sel {
	font-weight:bold;
	color:white;
}
#sub_header ul li:hover {
	font-weight:bold;
	color:white;
}
#sub_header ul li img {
	height:20px;
	margin-bottom:-4px;
	margin-right:7px;
}
/*-------------------------------------------PAGE-------------------------------------------*/


#contenu {
	width:900px;
	height:auto;
	min-height:100px;
	margin:30px auto 10px auto;
}

#plusdinfos {
	font-family: 'agency_fbregular';
	color:#B83A1B;
	font-weight:bold;
	font-size:19px;
	float:right;
}
#plusdinfos:hover {
	text-decoration:underline;
}


/*-------------------------------------------ACCUEIL & VIGNETTES ACCUEIL-------------------------------------------*/
#img_accueil {
	border:#CCC 1px solid;
}

#content {
	width:630px;
	height:auto;
	min-height:100px;
	float:left;
}
#content h1 {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#183152;
	font-size:20px;
}
#content p {
	font-size:14px;
	color:#333333;
	text-align:justify;
}

#actus {
	float:left;
	width:205px;
	min-height:400px;
	height:auto;
	padding:10px;
	background:#B83A1B;
	margin-left:45px;
}
#actus h3 {
	color: black;
	margin:0;
	padding:0;
	font-size:15px;
	text-transform:uppercase;
	border-bottom:black 1px solid;
}
#actus a {
	margin-top:15px;
	font-weight:bold;
}
#actus a, #actus span {
	display:block;
	font-size:11px!important;
}

#bande {
	width:100%;
	height:auto;
	background:#EEEEEE;
	padding:5px 0;
}
#bande #interieur {
	width:900px;
	height:auto;
	margin:0 auto;
	border-right:#D4D4D4 1px solid;
}
#bande #interieur #tiers {
	width:299px;
	height:auto;
	float:left;
	padding-top:20px;
	text-align:center;
	border-left:#D4D4D4 1px solid;
	cursor:pointer;
}
#bande #interieur #tiers:hover {
	background:#F7F7F7;
}
#bande #interieur #tiers h2 {
	color:#183152;
	font-family: 'agency_fbregular';
	font-size:26px;
	margin:10px 0 0 0;
	padding:0;
	font-weight:normal;
}
#bande #interieur #tiers p {
	color:#999999;
	font-size:13px;
	padding:0 30px;
}
#bande #interieur #tiers img {
	height:50px;
}

#bande #tiers h3 {
	text-align:center;
	margin:0px 0 20px 0;
}
#bande #tiers h3 span {
	border-bottom:#FF4900 4px solid;	
	padding-bottom:7px;
}
#bande #tiers p {
	font-size:13px;
	color:#666;
	text-align:justify;
}
/*-------------------------------------------Prestations-------------------------------------------*/
#table_articles {
	width:100%;
}
#table_articles td.td_img {
	width:310px;
}
#table_articles td.td_img img {
	width:280px;
	border:white 1px solid;
}
#table_articles td.td_img img:hover {
	border:#FF4900 1px solid;
}
#table_articles td.td_texte p {
	font-size:14px;
	text-align:justify;
}


.item {
	width:250px;
	cursor:pointer;
}

h3 {
    -webkit-margin-before:0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.table_icones img {
	height:60px;
	margin-bottom:-23px;
	margin-right:10px;
}
.table_icones h3 {
	font-weight:normal;
	text-transform:uppercase;
	color:#333;
	margin-top:39px;
	font-size:15px;
}
.table_icones tr td {
	width:25%;
	text-align:center;
	background:#F5F5F5;
	padding:10px 0;
	cursor:pointer;
}
.table_icones tr td:hover {
	background:#9EBDE2;
}
.title_line {
	margin:0;
	padding:5px 0;
	text-align:center;
	background:#102135;
	color:#FF4900;
	font-size:15px;
	background:url(../images/bg_title.jpg);
}

#content3 {
	width:900px;
	height:auto;
}

#content3 h1 {
	text-transform:uppercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	color:#102135;
	font-style:italic;
	border-bottom:#666 1px dotted;
	font-size:20px;
}
#content3 p {
    font-size: 14px;
    color: #333333;
}

#prestations h3 {
	color:#FF4900;
	margin:0;
	padding:0;
}

#gauche {
	float:left;
	width:270px;
	min-height:200px;
	height:auto;
}
#gauche h3 {
	text-transform:uppercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px 0;
	border-bottom:#183152 2px solid;
	color:#FF4900;
}
#gauche p {
	font-size:14px;
}
#gauche ul {
	padding:15px 0 0 10px;
	margin:0;
	list-style:none;
}
#gauche ul li {
	margin-bottom:5px;
}
#gauche ul li:hover {
	text-decoration:underline;
}
#gauche ul a {
	color:#333333;
}

#partenaire {
	width:270px;
	border:#CCC 1px solid;
	margin:0px 20px 20px 0;
	height:100px;
	background:#F5F5F5;
	float:left;
}
#partenaire:hover {
	background:#EEEEEE;	
}
#partenaire img {
	float:left;
}
#partenaire span {
	height:70px;
	float:left;
	display:block;
	width:131px;
	font-size:14px;
	padding-top:30px;
	margin-left:10px;
	font-style:italic;
}

#miniature1 {
	border-bottom: #666 1px dotted;
	height:120px;
	width:620px;
	padding:10px;
}
#miniature1:hover {
	background:#EEEEEE;
}
#img_minia {
	max-width: 120px;
	max-height: 120px;
	border:#CCC 1px solid;
	float:left;
	margin:0 10px 0 0;
}
#miniature1 p strong {
	font-size:16px;
}
#miniature1 p {
	margin:0;
	padding:0;
	font-size:13px;
}


#boutons {
	width:190px;
	height:19px;
	position:absolute;
	margin:45px 0 0 430px;
	padding:0;
}
#boutons img {
	cursor:pointer;
}



/*-------------------------------------------FICHE-------------------------------------------*/

#fiche #photo {
	border:#ccc 1px solid;
	width:400px;
	margin:0px 10px 10px 0;
	float:left;
}
#fiche .prix {
	color:#183152;
	font-size:20px;
}

#fiche .ajoutpanier {
	width:185px;
	height:17px;
	background:#183152;
	text-align:center;
	padding:13px 20px;
	font-size:14px;
	margin:0 0 25px 0;
	float:right;
	text-transform:capitalize;
	color:white;
}
#fiche .ajoutpanier:hover {
	background:#CCC;
	color:black;
}
/*------------------------------------------DEVIS------------------------------------------*/
#table_devis {
	font-size:13px;
}
#table_devis tr td {
	vertical-align:top;
}
/*-------------------------------------------CONTACT-------------------------------------------*/
#content2 {
	width:580px;
	height:auto;
	min-height:100px;
	float:left;
}

#content2 h3 {
	text-transform:uppercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:#B83A1B 2px solid;
}

#droite {
	float:right;
	width:300px;
	min-height:200px;
	height:auto;
}
#droite h3 {
	text-transform:uppercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px 0;
	border-bottom:#183152 2px solid;
}
#droite p {
	font-size:14px;
}

input[type="text"], input[type="password"] {
	border:#CCC 2px solid;
	height:26px;
	width:310px;
}
select {
	border:#CCC 2px solid;
	height:26px;
	width:314px;
}
textarea {
	border:#CCC 2px solid;
}
input[type="submit"] {
	border:#CCC 2px solid;
	height:30px;
	padding:5px 10px;
	background:#183152;
	color:white;
	float:right;
	cursor:pointer;
}
input[type="submit"]:hover {
	background:#B83A1B;
}

#table_contact {
	font-size:13px;
}


/*-------------------------------------------FOOTER-------------------------------------------*/
#footer {
	height:40px;
	width:100%;
	color:white;
	background:#102135;
	text-align:center;
	font-size:12px;
}
#footer #interieur {
	height:40px;
	width:1000px;
	margin:0 auto;
}
#footer #interieur a {
	color:white;
}
#footer #interieur a:hover {
	text-decoration:underline;
}
#footer #interieur #barre {
	margin-top:-3px;
}