html {
	background: #474747 url(/img/theme/bordures_haut.jpg) top left repeat-x;
	}
body {
	background: transparent url(/img/theme/points_bas.jpg) bottom repeat-x;
	}
/*---------------------------------------------------*/
/*----------------------header-----------------------*/
/*---------------------------------------------------*/
#header {
	position: relative;
	margin: 0 auto;
	width: 981px;
	background: transparent url(/img/theme/bandeau.jpg) top left repeat-x;
	height: 151px;
	}
#header img {
	display: block;
	}
#stripes {
	background: transparent url(/img/theme/stripes.png) top left no-repeat;
	margin: 0 auto;
	width: 981px; 
	height: 37px;
	}
p.ariane {
	margin-left:50px;
	padding-top:10px;
	font-family: sans-serif;
	color: #7b7c7e;
	font-size: 75%;
	}
p.ariane a {
font-family: sans-serif;
	color: #7b7c7e;
	text-decoration: none;
	margin: 0px 2px;
}		
#stripes img {
	margin-top:-33px;
	padding-top:30px;
	vertical-align:middle;
}
h1, #access-nav {
	position: absolute;
	left: -9999px;
}
/*---------------------------------------------------*/
/*---------------------- corps-----------------------*/
/*---------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 981px; 
	}
/*----------------------liens-----------------------*/
.orange, .orange a, a.selected{
	color: #F3510C !important;
	} 
.blanc {
color: #fff;
}
/*---------------------- content-----------------------*/
#content {
	background:transparent url(/img/theme/bordures_box.png) repeat-y scroll left top;
	margin-bottom:2px;
	min-height:300px;
	overflow:hidden;
	width:100%;
	}
/*----------------------pagination-----------------------*/
div.paging{
margin-bottom: 20px;
width: 490px;
text-align: center;
color: #1d1d1e;
font-family: Helvetica;
font-size: 75%;
}
div.paging a img, div.paging img {
border: 0px;
margin: 0px 10px;
vertical-align: middle;
}
div.paging div {
display: inline;
}
div.paging a {
color: #1d1d1e;
font-family: Helvetica;
font-size: 75%;
text-decoration: none;
}
/*-----------------------------------------------------------*/
/*---------------------COLONNE DE GAUCHE---------------------*/
/*-----------------------------------------------------------*/


/*---------------------------------------------------*/
/*------------Navigation Web/Print Labo---------------*/
/*---------------------------------------------------*/
#main_nav {
	font-family:helvetica,sans-serif;
	color: #ccc;
	font-size:250%;
	font-weight: bold;
	line-height: 40px;
	width: 145px;
	}
#main_nav li {
	width: 100px;
	margin-left: 15px;
	line-height: 35px;
	}
#main_nav li a {
color: #ccc;
}
#main_nav li a:hover {
	color: #F3510C;
	text-decoration: none;
	}
#araigne{
	background:transparent url(/img/theme/araignee-demi.png) no-repeat scroll 0 0;
	float:left;
	height:341px;
	margin-left:26px;
	width:140px;
	}
/*---------------------------------------------------*/
/*--------------Navigation secondaire----------------*/
/*---------------------------------------------------*/
#header #sub_nav {
	float: right;
	margin-top: 30px;

}
#header #sub_nav li {
	display:inline;
	font-family:sans-serif;
	font-size:141.66%;
	width: 100px;
	padding-right: 30px;
	padding-left: 30px;
	}
#header #sub_nav li a:hover {
	color: #F3510C;
	text-decoration: none;
	}
.bordure_sub_nav {
	border-left: dotted 2px #ccc;
	}
/*-----------------------------------------------------------------*/
/*------------------------COLONNE CENTRALE-------------------------*/
/*-----------------------------------------------------------------*/

/*----------------------Page d'accueil-----------------------------*/
#colmid {
	width: 535px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	}
#colmid .legende {
	background-color:#000000;
	border:139px none;
	bottom:15px;
	font-family:sans-serif;
	font-size:83.34%;
	line-height:21px;
	padding:0 15px;
	position:absolute;
	}
#colmid .image {
	height:150px;
	margin-bottom:25px;
	margin-top:5px;
	position:relative;
	width:490px;
	}
#navigation {
	min-height: 100px;
	}
#navigation .lien a {
	display: inline;
	width: 35px;
	background: url(/img/theme/puce_home.png) left no-repeat;
	padding-left: 20px;
	color: #F3510C;
	font-family: sans-serif;
	font-size: 83.34%;
	text-decoration: none;
	}
#navigation #web li div p {
	color:#7B7C7E;
	font-size:100%;
	height:80px;
	line-height:15px;
	margin-bottom: 15px;
}
#navigation #web h2 a {
	color:#ccc;
	display:block;
	font-size: 233.34%;  
	margin-bottom:15px; 
}
#navigation #web a {
	text-decoration: none;
}
#navigation #web a:hover {
	color: #F3510C;
}

/*-----------Web----------------*/
#web {
	float:left;
	width:175px;
	}
#web li {
	font-family:Helvetica;
	width:150px;
	font-size: 116.67%;
	}
/*--------------------------------------------------------------*/
/*--------------------Page Studio / services--------------------*/
/*--------------------------------------------------------------*/
#studio {
	background:transparent url(/img/theme/points_colright.png) no-repeat scroll right bottom;
	float:left;
	margin-left:26px;
	padding-bottom:40px;
	width:720px;
	height: 100%;
	line-height: 12px;
	}
#content #studio2 {
	background:transparent url(/img/theme/points_colright.png) no-repeat scroll right bottom;
	float:left;
	padding-bottom:40px;
	width:720px;
	color: #ccc;
	}

#studio h2 {
	color:#CCCCCC;
	font-family:sans-serif;
	font-size:158.33%;
	margin:0 0 10px 240px;
	padding-top:10px;
	}
.intertitre {
	color:#CCCCCC;
	font-family:sans-serif;
	font-size:158.33%;
	margin:0 0 10px 240px;
	padding-top:10px;
	}

#studio p {
	color:#7B7C7E;
	margin-bottom:30px;
	margin-left:280px;
	width:300px;
	line-height: 16px;
	}
.paragraphe {
	color:#7B7C7E;
	margin-bottom:30px;
	margin-left:280px;
	width:300px;
	line-height: 13px;
	}

#studio ul {
	margin: 20px 0px 20px 300px;
	color: #7b7c7e;
	text-align: justify;
	width: 300px;
	}
#studio li {
	background:transparent url(/img/theme/puce_orange.gif) no-repeat scroll 0 0;
	color:#CCCCCC;
	padding-bottom:10px;
	padding-left:19px;
	}
#colright li {
	list-style: none;
	background: none;
	color:#CCCCCC;
	padding-bottom:10px;
	padding-left:19px;
	}
#studio li img {
	margin-right: 5px;
	}
.araignee_full {
	background: transparent url(/img/theme/araignee_full.png) no-repeat;
	min-height: 346px;
	}
/*--------------------------------------------------------------*/
/*-------------------------Page portfolio-----------------------*/
/*-------------------------Categories/index---------------------*/
/*--------------------------------------------------------------*/

#nav_portfolio {
	margin-left:15px;
	margin-top:20px;
	width:96px;
	}
#nav_portfolio dt {
	background-color: #1d1d1e;
	margin-bottom: 2px;
	font-family: sans-serif;
	font-size: 75%;
	color: #ccc;
	padding-left: 3px;
	line-height: 12px;
	}
#nav_portfolio dd img {
	width: 90px;
	height: 19px;
	border: 3px solid #1d1d1e;
	margin-bottom: 2px;
	}
#portfolio {
	float: left;
	margin-left: 50px;
	font-family: sans-serif;
	color: #ccc;
	width: 740px;
	overflow: hidden; 
	}
#portfolio h2 a{
	text-decoration: none;
	color: #F3510C;
	font-size: 140%;
	margin-bottom: 10px;
	display: block;
	text-transform: capitalize;
	}
#portfolio ul li.une {
	background:transparent url(/img/theme/points_horiz.png) no-repeat scroll right bottom;
	height:162px;
	margin-bottom:24px;
	margin-right:15px;
	position:relative;
	}
#portfolio ul li.une p.icone {
	width: 490px;
	position: absolute;
	}
#portfolio ul li.une p.titre a {
	position:absolute;
	right:0;
	width:200px;
	color: #F3510C;
	text-transform: capitalize;
	text-decoration: none;
	}
#portfolio ul li.une p.resum {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 180px;
	background: url('/img/theme/puce_orange.gif') no-repeat left top;
	padding-left: 20px;
	color: #ccc;
	}
#portfolio p.legende {
	background-color:#000000;
	bottom:18px;
	font-family:sans-serif;
	font-size:83.34%;
	line-height:21px;
	padding:0 15px;
	color: #ccc;
	position:absolute;
	}
#portfolio li img .icone {
	margin-bottom: 20px;
	}
/*-----------------------------page vue references-------------------------------------*/
.references_view {
	float: left;
	width:500px;
	margin-left: 50px;
	}
.references_view img {
	border: 6px solid #1D1D1E;
	margin-bottom: 50px;
	}
#pics {
width: 487px;
height: 325px;
}
#pics img{
width: 475px;
height: 313px;
}
#nav a {
	text-decoration: none;
	margin: 0 -2px; 
	display: inline;
	color: #7b7c7e;
	font-size: 233.34%;
	font-family: Helvetica;
	font-weight: bold;
	}
#nav a:hover { 
	color: #F3510C; 
	}
#nav a.activeSlide { 
	color: #F3510C; 
	}
#nav  { 
	text-align: right;
	margin-right: 15px;
	margin-top: 5px; 
	}

/*--------------------------------------------------------------*/
/*----------------------------CONTACT---------------------------*/
/*--------------------------------------------------------------*/

#formulaire {
	background:transparent url(/img/theme/araignee_full.png) no-repeat scroll 0 0;
	color:#CCCCCC;
	font-family:Helvetica;
	font-size:91.67%;
	margin-top:-100px;
	padding-left:280px;
	padding-top:120px;
	min-height: 346px;
	}
#formulaire label {
	display: block;
	}
#formulaire .champ {
	background-color:#474747;
	border-color:#474747 #FFFFFF #FFFFFF #474747;
	border-style:solid dashed dashed solid;
	border-width:1px;
	margin-bottom:20px;
	margin-left:15px;
	margin-top:7px;
	width:270px;
	color: #ccc;
	}
.submit {
	cursor:pointer;
	margin-left:15px;
	width:50px;
	}
#studio .contact {
	color:#CCCCCC;
	font-family:Helvetica;
	font-size:200%;
	margin-bottom:50px;
	margin-left:240px;
	margin-top:20px;
	width:400px;
	}
#studio .contactsmall {
	color:#ccc;
	font-family:Helvetica;
	margin-bottom:25px;
	margin-left:280px;
	margin-top:-30px;
	width:400px;
	}
.error-message {
	color: #F3510C;
	font-size: 75%;
	margin-left: 30px;
	margin-top: -10px;
	margin-bottom: 10px;
	}
#flashMessage {
	color: #F3510C;
	font-size: 100%;
	text-align: center;
	font-family: sans-serif;
	margin-bottom: 15px;
	}
#contact, #colright2 p {
margin-top: 15px;
width: 170px;
color: #7b7c7e;
}
/*------------------------------------------------------------------*/
/*----------------------COLONNE DE DROITE---------------------------*/
/*------------------------ ----------------------------------------*/


/*--------------------------générique------------------------------*/
#colright {
	float:right;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	width:205px;
	}
#colright ul.premiere-citation {
	background: url(/img/theme/quote_haut.png) top left no-repeat;
	}
#colright ul.premiere-citation li {
	background:transparent url(/img/theme/separation.png) no-repeat scroll left bottom;
	color:#7B7C7E;
	font-size:228.33%;
	line-height:24px;
	margin-left:20px;
	padding-bottom:20px;
	padding-left:0px;
	padding-top:30px;
	width:180px;
	}
#colright ul.citation-intermediaire li {
	color:#7B7C7E;
	font-size:228.33%;
	line-height:24px;
	padding-bottom:20px;
	padding-top:10px;
	margin-left:20px;
	width:180px;
	padding-left: 0px;
	background: transparent url(/img/theme/separation.png) bottom left no-repeat;
	}
#colright ul.derniere-citation {
	background: url(/img/theme/quote_bas.png) bottom right no-repeat;
	margin-right: -6px;
	margin-top: 10px;
	}
#colright ul.derniere-citation li {
	font-size: 228.33%;
	padding-bottom: 10px;
	line-height: 24px;
	width: 180px;
	color: #7b7c7e;
	}
/*---------------------------*/
#colright2 {
	float:right;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	width:205px;
	}
#colright2 ul.premiere-citation {
	background: url(/img/theme/quote_haut.png) top left no-repeat;
	height: 100%;
	}
#colright2 ul.premiere-citation li {
	background:transparent url(/img/theme/separation.png) no-repeat scroll left bottom;
	color:#7B7C7E;
	font-size:228.33%;
	line-height:24px;
	margin-left:20px;
	padding-bottom:20px;
	padding-left:0px;
	padding-top:30px;
	width:180px;
	}
#colright2 ul.citation-intermediaire li {
	color:#7B7C7E;
	font-size:228.33%;
	line-height:24px;
	padding-bottom:20px;
	padding-top:10px;
	margin-left:20px;
	width:180px;
	padding-left: 0px;
	background: transparent url(/img/theme/separation.png) bottom left no-repeat;
	}
#colright2 ul.derniere-citation {
	background: url(/img/theme/quote_bas.png) bottom right no-repeat;
	margin-right: -6px;
	margin-top: 10px;
	}
#colright2 ul.derniere-citation li {
	font-size: 228.33%;
	padding-bottom: 10px;
	line-height: 24px;
	width: 180px;
	color: #7b7c7e;
	margin-left:20px;
	}

/*------------colonne de droite reférences--------------------------*/
#colright_ref {
	float:right;
	height:100%;
	padding-left:10px;
	padding-right:20px;
	width:205px;
	}
#colright_ref h2 a {   	
	color: #F3510C;
	font-weight: bold;
	font-family: Helvetica;
	text-decoration: none;
	text-transform: capitalize;
	}
#colright_ref h3 {
	color: #ccc;
	margin-bottom: 10px;
	font-family: sans-serif;
	}
#colright_ref div {
	color:#ccc;
	font-size: 91.67%;
	margin-left:20px;
	width:180px;
	background: url(/img/theme/points_horiz.png) bottom right no-repeat;
	padding-bottom:30px;
	line-height: 13px;
	font-family: Helvetica;
	}
#colright_ref div p a{ 
	color: #F3510C;
	text-decoration: none;
	margin-top: 30px;
	display: block;
	} 
#colright_ref div ul {
	color:#ccc;
	font-size: 91.67%;
	margin-top: 20px;
	}
#colright_ref div li {
	color:#ccc;
	line-height: 13px;
	font-size: 91.67%;
	}
#colright_ref div p {
margin-bottom: 6px;
}

#colright_ref .refchapo {
font-family: Helvetica;
color: #797878 !important;
font-size: 91.67%;
}
#colright_ref .reftext {
color: #7b7c7e;
font-size: 91.67%;
font-family: Helvetica;
}

/*-----------------------------------------------------------------*/
/*---------------------- FOOTER------------------------------------*/
/*----------------------------------------------------------------*/
#footer {
	background: transparent url(/img/theme/bordures_footer.png) top repeat-y;
	margin-bottom: 15px;
	position: relative;
	top: 8px;
	padding: 20px 0px 0px 0px;
	height: 135px;
	font-size: 75%;
	font-family: verdana sans-serif;
	width: 980px;
	color: #ccc;
	}
.vcard {
	float: left;
	}
.vcard a {
	font-family: sans-serif;
	}
.fn org {
	background:transparent url(/img/theme/logo_petit.png);
	}
ul.adr li span, ul.telecommunications li span, .adr {
	font-family: sans-serif;
	color: #ccc;
	}
/*----------------------Organic Web-----------------------*/
#footer #organic {
	height:101px;
	left:-15px;
	position:absolute;
	width:215px;
	}
#footer #organic dl{
	border-right:2px dotted #2E2D30;
	height:101px;
	left:65px;
	position:relative;
	top: -10px;
	width:185px;
	}
#footer #organic dt {
	position:relative;
	top:-9px;
	}
#footer #organic  dd {
	color:#CCCCCC;
	font-family:sans-serif;
	left:62px;
	position:relative;
	top:-95px;
	width:100px;
	line-height:11px;
	}
#footer #organic  dd li {
color: #ccc;
}
#footer #organic a {
text-decoration: none;
}
#footer #organic a:hover {
color: #F3510C;
text-decoration: none;
}
#footer #tryptyk {
font-weight: bold;
}
/*----------------------1% pour la planete / designers-----------------------*/
#footer #logo {
	height:101px;
	left:240px;
	margin-top:10px;
	position:absolute;
	top:0;
	width:455px;
	}
#footer #logo dl{
	border-right:2px dotted #2E2D30;
	float:left;
	height:101px;
	padding:0 25px;
	width:170px;
	}
#footer #logo dt {
	float:left;
	}
#footer #logo  dd {
	color:#CCCCCC;
	float:right;
	font-family:sans-serif;
	line-height:11px;
	width:100px;
	margin-bottom: 10px;
	}
#footer #logo .texte {
	margin-bottom: 10px;
	color: #ccc;
	}

#footer #logo a {
	color: #F3510C;
	text-decoration: none;
	}
/*----------------------vcard-----------------------*/
#footer #vcard {
	height:101px;
	position:absolute;
	right:41px;
	top:0;
	width:215px;
	}
#footer .telecharger, #footer .telecharger a {
	color: #F3510C; 
	font-family: sans-serif;
	}
#footer .telecharger dt {
	left:761px;
	position:absolute;
	top:85px;
	width:36px;
	}
#footer .telecharger dd {
	left:798px;
	position:relative;
	top:80px;
	width: 120px;
	}
#footer #vcard dl{
	height:101px;
	left:0;
	position:relative;
	top:0;
	width:193px;
	}
#footer #vcard dt {
	left:-10px;
	position:relative;
	top:5px;
	}
#footer #vcard  dd {
	height:101px;
	left:75px;
	line-height:14px;
	position:relative;
	top:-18px;
	width:193px;
	}
#footer #vcard dl ul li{
	color:#ccc;
	}
/*----------------------Mentions----------------------*/
#footer #mentions {
	bottom:5px;
	color:#7B7C7E;
	font-family:sans-serif;
	left:360px;
	position:absolute;
	}
#footer #mentions a{
	color: #7b7c7e;
	}
#footer #mentions a:hover{
	color: #F3510C;
	text-decoration: none;
	}
#studio .mentions {
width: 400px;
line-height: 16px;
}
#colright2 h2 {
	color:#CCCCCC;
	font-family:sans-serif;
	font-size:158.33%;
	
	padding-top:10px;
	}