@CHARSET "ISO-8859-1";
.bb-clear{
	clear: both;	
	display: block;
}

html > span.thmr_call {
	display: block;
}
#admin-menu{
	font-size: 90%;	
}
* {
	margin: 0;
	padding: 0px;	
}
h1, h2{ 
	font-family: georgia, helvetica, sans-serif;
}

a{
	text-decoration: none;
	color: #7D1A08;
}


#bb-center tbody th{
	border:0px;
}

#bb-center tbody {
	border:0px;
}

div#bb-main-content .node strong{
	color:#1A559B
}

#bb-main-content{
	font-size: 17px;
}

div#bb-main-content p{
	margin: 5px auto 5px auto;
	padding: auto;
	line-height:110%;
}

div#bb-main-content  ul, div#bb-main-content ol{
	margin: 10px auto 10px auto;
	padding: auto;
}

div#bb-main-content .node h1, div#bb-main-content .node  h2{ 
	margin:5px auto 10px auto;
	
}

h3{
	
}

h2{
		
}

.hide{
	display: none;
}

.hidden{
	visibility: hidden;	
}

#bb-main-content p{
	margin: 5px auto 5px auto;
}

#bb-main-content li{
	padding-left: 20px;
}

html{
	font-family:"Lucida Grande",Arial,Helvetica,Sans-Serif;
	line-height:18px;
	font-size: 14px;
	margin: 0px;
	height: 100%;
	
}

body:nth-of-type(1) {
  font-size: 12px;
}

body{
	margin: 0px;
	padding-top: 10px;
	/*background-image: url(images/back.png);*/
	background-repeat: repeat-x;
	background-color: #576A0f;
	text-align: center;
	width: 100%;
	position: relative;
}



body.admin-menu.behave{
	margin-top:0px !important;
}

#bb-center{
	text-align: left;
	margin: auto;
	width: 980px;
	margin-top: 20px;

	background: transparent;
	position: relative;
}

#bb-top{
	position: absolute;
	top: 0px;	
	width: 980px;
	z-index: 901;
}

/* Logo */
#bb-top h1{
	margin: 0px;
	height: 100px;
	background-repeat:no-repeat;
	margin-left: 30px;
	background-image: url(images/logo.png);
	letter-spacing: -20000em;
	text-indent: -2000px;
	width: 50%;
	float: left;
	
}

#bb-top h1 a{
 display: block;
 height:100px;
}
/* Search form */
	
#bb-search{
	width: 284px;
	float: right;
	margin: 0px;
	background-image: url(images/search-box.png);
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 7px;
	padding-left: 15px;
	margin-top: 20px;
}
#bb-search div.form-item{
	margin: 0px;
	padding: 0px;
	display: inline;
}
#bb-search h2{
	display: none;
}
#bb-search label{
	display: none;
}

#bb-search .form-submit{
	font-size: 13pt;
	padding: 0px;
	margin: 2px 0 0 10px;
	border: none;
	background: none;
	font-weight: bold;
	
}

#bb-search .form-text{
	width: 140px;
	height: 20px;
	
}

/*Main */
#message{
	width: 500px;
	margin: 10px 20px 20px 20px;
}
.messages.status{
	color:#009933;
}

#bb-main-wrapper{
	background-image: url(images/header-left.png);
	background-repeat: no-repeat;
	position: relative;
	width: 985px !important;
	width: 987px;
	left: -10px;
	top: -5px;
}

#bb-header{
	background-image: url(images/header-middle.png);
	background-repeat: repeat-x;
	height: 100%;
	margin-left:17px;
	height: 300px;	
	
}

#bb-header-close-footer{
	background-image: url(images/header-right.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 15px !important;
	padding-right: 14px;
	height: 100%;
}

#bb-wrapper{
	background-image: url(images/wrapper-back.png);
	
	position: absolute;
	top: 65px;
	width: 960px;
	z-index: 900;
	margin: auto;
}


/* Primary Navigation */

#bb-header #block-menu-primary-links{
	padding-top: 20px;
	position: absolute;
	left: -5px;
	padding-left: 10px;
	z-index:200;
}

#bb-header #block-menu-primary-links h2{
	display: none;
	
}

#bb-header #block-menu-primary-links ul{
	background-image: url("images/menu-back.png"); 	
	height: 57px;
	padding: 0px;
	padding-top: 15px;
	background-repeat: repeat-x;
	margin: 0px;
	width: 969px !important;
	width: 975px;
	
}

#bb-header #block-menu-primary-links ul a{
	font-family: verdana;
}

#bb-header #block-menu-primary-links ul li{
	list-style: none;
	float: left;
	margin-left: 20px;
	border-right: 2px solid #fff; 
	padding-right: 10px;
}

#bb-header #block-menu-primary-links .content{
	
}

#bb-header #block-menu-primary-links ul li a{
	font-family: Verdana, Georgia, sans serif;
	font-size: 16px;
	color: #fff;
	font-weight: bolder;
	letter-spacing: 130%;
	text-decoration: none;
	display: block;	
}

#bb-header #block-menu-primary-links ul li a:hover{
	
	text-decoration: underline;
}

/*Diaporama */

#block-panels_mini-5{
	position:relative;
	z-index:199;
	top:15px;
	left:-5px;
}

#block-panels_mini-5 h2{
	display:none;
}

/* Nos pack Web */
#block-panels_mini-1{
	width: 500px;
	height: 190px;
	float: right;	
	background-image: url(images/back-packs_web.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 40px;
	margin-top: -30px;
	position: relative;
	font-size: 90%;
	line-height: 100%;
	
}
#mini-panel-others_packs_web {
	font-size:12px; 
}

#edit-submitted-nom-du-pack-wrapper{
	display: none;	
}
#commandez-form{
	width:70%;
}
#mini-panel-our_web_packs{
	padding: 5px 70px 5px 25px;	
}


#block-panels_mini-1.panel-pane h2.title{
	font-size: 25px;
	font-weight: bold;
	color: white;
	font-family: georgia, helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 5px;
	border:none;
}

#block-panels_mini-1 h2 a{
	color: inherit;	
}
#block-panels_mini-1 .views-row-first,
#block-panels_mini-1 .views-row-odd,
#block-panels_mini-1 .views-row-even{
	clear: both;display: none;
}

#block-panels_mini-1 .views-row-first{
	display: block;
}

#block-panels_mini-1 .views-row-first .bb-pack-image img,
#block-panels_mini-1 .views-row-odd .bb-pack-image img,
#block-panels_mini-1 .views-row-even .bb-pack-image img{
	float: left;
	height: 130px;
	margin-right: 10px;
}
#block-panels_mini-1 .view-content h3,
#block-panels_mini-1 h3 a{
	color: white;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;	
	
}
#block-panels_mini-1 .view-content div.teaser p{
	font-size: 11px;
	font-family: verdana;
	color: white;
	text-align: justify;
	
}
#block-panels_mini-1 .view-content .bb-more a{
	color: white;	
	text-decoration: underline;
	font-weight: bold;
}
#block-panels_mini-1 .view-content .bb-more {
	margin-top: 10px;
	text-align: right;
	padding-right: 10px;
	font-family: verdana;
	font-size: 13px;
	color: white;
}

#block-panels_mini-1 .bb-left-arrow,
#block-panels_mini-1 .bb-right-arrow{
	position: absolute;
	height: 42px;
	width: 42px;
	background-repeat: no-repeat;
	top: 80px;
	cursor: pointer;
}

#block-panels_mini-1 .bb-left-arrow{
	left: 20px;
	background-image: url(images/arrow-left.png);
}

#block-panels_mini-1 .bb-right-arrow{
	right: 25px;
	background-image: url(images/arrow-right.png);
}

#block-panels_mini-1 .bb-left-arrow.hover{
	left: 20px;
	background-image: url(images/arrow-left-hover.png);
}

#block-panels_mini-1 .bb-right-arrow.hover{
	right: 25px;
	background-image: url(images/arrow-right-hover.png);
}

/* Qui sommes Nous */

#mini-panel-qui_sommes_nous{
	width: 365px;
	height: 180px;
	float: left;	
	background-image: url(images/back-qui-sommes-nous.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: -20px;
	position: relative;	
	color: white;
	font-size: 13px;
}
#mini-panel-qui_sommes_nous .content{
	width: 340px;
	text-align:justify;
}

#block-panels_mini-2 div.content{
	
}

#mini-panel-qui_sommes_nous div.panel-pane h2.title{
	font-size: 22px;
	font-family: georgia, helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 5px;
	color: white;
	border: none;
}


/*Main Content */

#bb-main-content{
	padding: 5px 25px 10px 25px;
}

#bb-main-content h2.title,
#bb-main-content h2.title a	{
	margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #7d1a08;
	
}

#bb-main-content h2.title{
	border-bottom: 1px solid;
}

.views-view-grid .bb-page-thumb{
	background-image: url(images/back-page-image.png);
	background-repeat:no-repeat;
	padding:5px;
	width: 160px;
	float: left;
	margin: 5px;
}

.view-node-by-content-type-by-tax-grid .col-1,
.view-node-by-content-type-by-tax-grid .col-2{
	width: 50%;
}
.view-node-by-content-type-by-tax-grid .views-view-grid td{
	padding: 15px;
}

.view-node-by-content-type-by-tax-grid .views-view-grid td .node .bb-teaser{
	padding-left: 180px;
	text-align: justify;
} 

.view-node-by-content-type-by-tax-grid .views-view-grid td .node .links{
	text-align: right;
}

.view-node-by-content-type-by-tax-grid .views-view-grid td .node .links a{
	text-decoration: underline;
}

.view-node-by-content-type-by-tax-grid .views-view-grid td h2,
.view-node-by-content-type-by-tax-grid .views-view-grid td h2 a{
	font-size: 18px;
	margin-bottom: 5px;
	font-family: verdana;
	color: #80942c;
}


/* Page d'un Pack  Web */

#commandez-form FIELDSET{
	margin-right: 25px;	
}

.node.pack_web{
	padding: 10px 20px 10px 20px;	
}

.node.pack_web .bb-pack-web-left{
	padding-right: 35%;
}

.node.pack_web .bb-pack-web-right{
	float: right;
	width: 30%;
}

.bb-pack-web-left h1{
	font-size: 40px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	border-bottom: thin solid #c62d11;
}

.bb-pack-web-right div.price{
	font-size: 28px;
	margin-bottom: 15px;
	color:#AA2D13;
	font-family: verdana, inherit;
}

.bb-pack-web-right div.price .note{
	padding-top:10px;
	font-size:x-small;
    color:#1A559B;
}

.bb-pack-web-left h2{
	font-size: 20px;
	margin-bottom: 10px;
	/*color: #1a559b;*/
	color:#576A0f;
	font-family: verdana, inherit;
}


.bb-pack-web-left .pack-description{
	margin-bottom: 20px;
}

.bb-pack-web-left .pack-options{
	padding-left: 10px;
}

.bb-pack-web-left .pack-options ul,
.bb-pack-web-left .pack-options ol{
	padding-left: 10px;
}
.bb-pack-web-left .pack-options li{
	padding-left: 10px;
	list-style-position: inside;
}

.other-packs .block h2{
	/*color: #1A559B;*/
	margin-bottom: 10px;
}

.other-packs .block u,
.other-packs .block ol	{
	
}

.other-packs .block li {
	
}

.other-packs .block li a {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 7px;
	font-family: serif;
}
.other-packs .block li a:HOVER{
	text-decoration: underline;
}

/* Packs Web list */
#list-pack-web{
	padding-right: 15px;	
}

#list-pack-web .panel-col-first h2{
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	border-bottom: thin solid #c62d11;
}

#list-pack-web .panel-col-first .node h2{
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 0;
	
	font-family: verdana, inherit;
	border-bottom: none;
}

#list-pack-web .panel-col-first .node h2 a{
	color: #576a03;
}

#list-pack-web .panel-col-first .node{
	margin: 10px 10px 20px 10px;
	/**/ 
}

#list-pack-web .panel-col-first .node .bb-pack-image{
	float: left;
	margin-right: 20px;
}
#list-pack-web .panel-col-first .node .teaser{
	padding-left: 170px;
	padding-right: 50px;
}

#list-pack-web .panel-col-first .node .bb-more{
	margin-top: 15px;
	font-size: 15px;
	font-weight: bold;
}

#list-pack-web div.panel-row-1 div.panel-col-2 .inside{
	padding-left: 15px;
}

.pack-web-list div.price{
	font-size:22px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pack-web-list div.price span{
	color:#7D1A08;
}

/* Blog */

div.node.blog{
	padding: 5px 50px 10px 20px;;
	margin-bottom: 20px;
	border-bottom: thin solid #7D1A08;
	font-size: 110%;
	text-align: justify;
}

.blog.node .blog-image{
	float: left;
	margin: 15px;
}

.blog.node h2.blog-title{
	font-size: 25px;
	margin-bottom: 10px;
}

.blog.node .links{
	text-align: right;
	font-size: 110%;
}
.node.blog .submitted{
	margin: 10px;
	display: block;
	color: #175198;
}

#comments{
	display: none;
}

/* Before footer Blocks */

#bb-before_footer div.block{
	float: left;
	width: 40%;
}

#bb-before_footer #block-block-1{
	width: 100%;
	float: none;
	padding: 40px 10px 10px 10px;
	margin: 20px;
	text-align: center;
	
}

#bb-before_footer #block-block-1 h2{
	display: none;
}

/* PAcks webs Left Sidebar */

#bb-main-content #list-pack-web .panel-col-2 h2.title {
	/*color:#1A559B;*/
	color:#576A0f;
	margin-bottom:10px;
	font-size: 22px;
}

#bb-main-content #list-pack-web .panel-col-2 li a {
	font-size: 120%;
	font-family: verdana, arial, sans-serif;
}

/* Actualités Page */

#panel-actualites div.panel-row-1 div.panel-col-2 .inside{
	padding-left: 40px;
}

#panel-actualites div.blog.node{
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
}

#panel-actualites .panel-col-2 h2.title {
	/*color:#1A559B;*/
	color:#576A0f;
	margin-bottom:10px;
	font-size: 22px;
}

#panel-actualites .panel-col-2 li a {
	font-size: 120%;
	font-family: verdana, arial, sans-serif;
}

#panel-actualites .panel-col-1 .pager{
	margin-top: 15px;
}


/*Portfolio */

#panel_portfolio .panel-col-2 h2.title {
	/*color:#1A559B;*/
	color:#576A0f;
	margin-bottom:10px;
	font-size: 22px;
}

#panel_portfolio .node.projet{
	margin-bottom: 25px;
}

.node.projet .content .details{
	padding-left: 250px;
}
.projet-images{
	float: left;
	margin: 10px 25px;
}

.node.projet h3{
	padding-left: 40px;
	font-size: 20px;
}

.node.projet .details{
	
}

.views-rotator-item .node.projet .details{
	/* Hack afin de reglez le probleme de view rotator  On cache les détails */
	/*display: none; */
}

.node.projet .details ul{
list-style: none;
}

.node.projet .details li{
	margin: 5px 0;	
}

.node.projet .details li span{
	font-weight: bold;
	display: block;
	float: left;
	margin-right: 5px;
	color: #1A559B;
	
}
.node.projet .details ul p{
	text-align: justify;
}

.node.projet .details ul ul.links{
	display: inline;
}

/* Portfolio bloocks */

#panel_portfolio .panel-col-2 .inside{
	padding-left: 40px;	
}



/* Internetys */
#panel_internetys .views-row-even, #panel_internetys .views-row-odd{
	margin-bottom:15px;
}

#panel_internetys{
	padding: 0px 15px 20px 15px;
}

#panel_internetys .panel-panel .inside{
	padding: 5px 15px 5px 15px;
}

#panel_internetys .panel-panel .panel-pane{
	/*margin-bottom: 25px;	*/
}

#panel_internetys .panel-panel .node .meta{
	text-align: right;
	margin-bottom: 5px;
	color: #1A559B;
}

#panel_internetys .panel-panel .node .meta a{
	color: #1A559B;
	font-weight: bold;
}

#panel_internetys .panel-panel .node h2 a{
	font-size: 17px;
	margin: 5px;
	/*color:#1A559B;*/
	color:#576A0f;
	margin-bottom:10px;
	font-family: verdana, sans-serif;
	display: block;
}

#panel_internetys .panel-panel ul,
#panel_internetys .panel-panel ol{
	list-style-position: inside;
	padding-left: 10px;	
}

#panel_internetys .panel-panel li{
	list-style-position: outside;
	margin-left: 10px;	
}

#panel_internetys .panel-panel .node .content{
	text-align: justify;
	
}

#panel_internetys .panel-panel .node{
	/*margin-bottom: 20px;*/
}

#panel_internetys .view-id-internetys_list_articles .submitted{
	display: none;
}

/* Default Panel */

#panel_by_node .panel-col .inside{
	padding: 0 20px 20px 20px;	
}

#panel_by_node .node h2{
	margin-bottom: 15px;
}

#panel_by_node div.panel-pane div.node.blog{
	padding-bottom: 20px;
}

#panel_by_node .panel-pane ul,
#panel_by_node .panel-pane ol{
	list-style-position: outside;
	padding-left: 10px;	
}

#panel_by_node .panel-pane li{
	list-style-position: outside;
	margin-left: 10px;	
	padding-left:5px;
}

#panel_by_node .inside{
	padding-left: 40px;
}


#panel_by_node h2.title {
	/*color:#1A559B;*/
	color:#576A0f;
	margin-bottom:10px;
	font-size: 22px;
}
#panel_by_node .panel-pane{
	margin-bottom:25px;
}

#panel_by_node li a {
	/*font-size: 120%;*/
	font-family: verdana, arial, sans-serif;
}


/* Bottom */

#bb-before_footer{
	background-image: url(images/before-footer.png);
	background-position: left top;
	background-repeat: none;
	margin: 0 15px 0 10px;
}

/* Articles */

#bb-main-content div#articles.panel-pane{
	padding-right: 15px;	
}

#bb-main-content div#articles.panel-pane h4{
	margin-bottom: 2px;
	font-family: georgia, sans-serif;	
}


#footer #block-menu-secondary-links{
	text-align: center;
	width: 50%;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 15px;
}

#footer #block-menu-secondary-links h2{
	display: none;
}

#footer #block-menu-secondary-links li{
	float: left;
	list-style: none;
	margin-right: 20px;
	font-family: helvetica;
	font-size: 110%;
	font-weight: bold;
}


/*Network */

#networkBar {
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:10001;
    background:#8E1B06;
    height:25px;
}

#networkBarPopup {
    
    margin-left:auto; 
    margin-right:auto;
    text-align:center;
    vertical-align:top;
    width:300px;
    display:none;
    background:#8E1B06;
}

#networkBarControls {
    background-color:#8E1B06;
    height:17px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:300px;
}

#networkBarBanners a {
	padding:2px 5px;
    display:block;
    float:left;
    height:80px;
    margin:0 12px 0 0;
    width:231px;
}