/*
CODE COULEUR
vert : #68ad2e
marron clair : #ab953d
marron foncé : #ab763d
*/

/* FONTS */


/*------------------------------------------------------------------------------
ON REMET A ZERO
------------------------------------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	border:0px;
}
a:focus{outline:0;} 

/* SPECIFIQUE ADMIN BABYLONE */
body#art
{
	background-image:none;
	background-color:#FFFFFF;
	color:#000000;
	font-size:16px;
}
body#art a
{
	color:#999999;
}
/*****************************/
/*------------------------------------------------------------------------------
GENERAL
------------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
p,ul {font-size:14px;}
ul, body#art ul {
	margin-left:10px;
	list-style-type:square;
}
ol, body#art ol {margin-left:40px;font-size:13px;margin-bottom:5px;}
a {text-decoration:none;}
a:hover {color:#68ad2e}
p strong {font-weight:400;}
body#art strong {font-weight:bold;}
/* STRUCTURE GENERALE */
body {background-color:#8e8e8e;font-family: 'Oswald', sans-serif;position:relative;overflow:hidden;font-weight:300;}
.content {float:left;width:545px;background-color:#FFF;z-index:888;}
.header {background-image: url(/theme/charpentepir/img/bg-entete.jpg); background-position:top left;background-repeat:no-repeat;height:190px;padding:20px 15px 0px 30px}
.lien-devis {text-align:center;display:block;padding:8px;background-color:#000;color:#FFF;
background-image: url(/theme/charpentepir/img/puce-fleche-lien.png); 
background-position:160px center;
background-repeat:no-repeat;}
.lien-devis:hover {background-position:165px center;}

/* MENUS */
.menu {background-color:#68ad2e;height:38px;margin:0px;list-style-type:none;}
.menu li {float:left;position:relative;}
.menu li a {display:block;height:38px;line-height:38px;color:#FFF;padding:0 10px;;text-transform:uppercase;text-align:center;font-size:15px;border-left:1px solid #390;
}
.menu .home a{width:50px;padding:0px;}
.menu .home span.arrow {width:50px!important;}
.menu li a.selected {color:#000;background-color:#89cc41;
}
.menu li a:hover {color:#000;}
.menu li a.selected {-moz-box-shadow: inset 0px 0px 5px 2px #68ad2e;
-webkit-box-shadow: inset 0px 0px 5px 2px #68ad2e;
box-shadow: inset 0px 0px 5px 2px #68ad2e;}
.menu li span.arrow {display:none;}
.menu li.selected span.arrow{display:block;width:88px;height:13px;position:absolute;top:36px;background-image: url(/theme/charpentepir/img/puce-lien-menu.png); background-position:center center;background-repeat:no-repeat;}

/* HEADER */
.logo {height:139px;width:282px;display:block;background-image: url(/theme/charpentepir/img/logo-charpente-piranda.png); background-position:center center;background-repeat:no-repeat;}
.baseline {color:#444;text-transform:uppercase;font-size:14px;font-weight:normal;position:relative;bottom:15px;width:208px;display:block;}
.coo {float:right;text-align:center;font-size:18px;}
.vert {color:#68ad2e;}
.marron {color:#ab953d;}

/* CONTENU BABYLONE */
.inside-content {padding:40px 40px 20px 40px;}
.inside-content .vignette {float:left;margin:0px 20px 0px 0px;}
.inside-content .bloc {margin-bottom:20px;position:relative;}
.inside-content h3, .inside-content h3 a  {font-weight:normal;text-transform:uppercase;font-size:17px;color:#000;}
.inside-content .chapeau {color:#444;}
.inside-content .suite {background-color:#999;position:absolute;bottom:0px;color:#FFF;}
.inside-content .suite:hover {background-color:#444;}
.inside-content a {color:#ab763d;}
.inside-content a:hover {color:#68ad2e;}
.inside-content .suite a {color:#FFF;text-transform:uppercase;font-size:12px;display:block;padding:7px 15px;}
.bab_contenu_article {padding:30px;height:471px;}
.bab_contenu_article h1 {font-size:18px;text-transform:uppercase;padding-left:30px;background-image: url(/theme/charpentepir/img/puce-fleche-titre.png); background-position:0px center;background-repeat:no-repeat;font-weight:normal;margin-bottom:15px;}
.bab_contenu_article .vignette_article {float:left;margin-right:10px;}
.bab_contenu_article .chapeau {margin-bottom:10px;}
.bab_contenu_article .chapeau p{color:#000;font-size:14px;border:0px;padding:0px;font-weight:400}
.bab_contenu_article h2 {font-weight:normal;font-size:16px;margin-bottom:10px;}
.bab_contenu_article p {color:#333;font-size:14px;text-align:justify;margin-bottom:7px;}
.bab_contenu_article p a {color:#ab763d;}
.bab_contenu_article p a:hover {color:#68ad2e;}

/* FILS */

/* FOOTER */
.footer {background-color:#68ad2e;padding:20px;text-align:center;height:90px;}
.footer p {text-align:center;font-size:11px;text-transform:uppercase;}
.footer p span {color:#FFF;}
.footer a {font-size:12px;color:#FFF;border-right:1px;margin-right:10px;padding-left:10px;text-transform:lowercase;}
.zone-rs {margin-top:5px;}
.zone-rs a {margin:0px;}

/* CLASSES POUR BABYLONE */
.border-p {border-left:4px solid #ab763d;padding-left:10px;}

/* FORMS */
.bab-form input, .bab-form textarea {font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:3px;padding:3px;border:1px solid #CCC;}
.bab-form .bab-form-submit{background-color:#BBB;color:#000;cursor:pointer;}
.bab-form-colonne-gauche {width:150px;}
.bab-form-erreur, .errorMsg {color:#F00;}
.form-devis {font-size:12px;}
.form-devis h2 {border-bottom:1px solid #666;padding-bottom:3px;}
.form-devis input, .form-devis select,.form-devis textarea {padding:3px;border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.sendButton {cursor:pointer;}


/* GALERIE PHOTO */
.galerie {background-color:#FFF;position:relative;left:15px;top:0px;overflow:hidden;}
.galerie #thumbNav {margin:0px;list-style-type:none;}
#thumbNav li a img {height:186px;width:280px;}