@CHARSET "utf-8";

@font-face {
	font-family: Clarendon;
	src: url(../font/CLARENDO.TTF);
}

body {
	padding: 0;
	margin: 0;
	font: 12px Arial, sans-serif;
	color: #333333;
	background: #fff;
	text-align: center;
}

a {
	color: #00a4fd;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}
a.inherit{
	color:inherit;
}
form {
	display: inline;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4 {
	color: #333;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-size: 26px;
	text-transform: uppercase;
}

h2 {
	font-size: 18px;
}

h2 small {
	font-size: 14px;
	color: #666;
	display: block;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

p.border {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

ul {
	
}

li {
	
}

img {
	vertical-align: middle;
	border: 0;
}

input,textarea {
	
}

input.t {
	color: #37A8DB;
	border: 0;
	height: 18px;
	vertical-align: middle;
	text-align: left;
	padding: 4px 16px;
	font: 16px Arial, sans-serif;
	background: transparent;
	font-weight: normal;
	width: 350px;
}

input.submit {
	
}

.ajax-loading {
	background: url(../img/ajax_loading.gif) center 50px no-repeat;
}

.bold {
	font-weight: bold;
}

.block {
	display: block;
}

.invisible {
	display: none;
}

.couleur1 {
	color: #00a4fd;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

#articles img.fl {
	margin: 0 10px 0 0;
}

#articles img.fr {
	margin: 0 0 0 10px;
}

.l {
	text-align: left;
}

.c {
	text-align: center;
}

.r {
	text-align: right;
}

.justify {
	text-align: justify;
}

.pointer {
	cursor: pointer;
}

.small {
	font-size: 0.9em;
}

.spacer,.clear {
	height: 1px;
	clear: both;
}

hr.spacer {
	border: 0;
	height: 1px;
	clear: both;
}

#page {
	min-width: 1190px;
	margin: 0 auto;
}

#menu {
	text-transform: lowercase;
	position: relative;
	overflow: hidden;
	text-align: left;
	height: 50px;
}

#menu .inside {
	/*background: url(../img/all/logo_vegas_top.png) top left
		no-repeat;*/
	margin-left: 34px;
	text-align: right;
	min-height: 42px;
}

#menu ul {
	margin: 0;
	padding: 0;
	float: right;
	width: 600px;
	display: inline;
	float: right;
}

#menu ul li {
	font-family: Georgia, times New Roman;
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	height: 48px;
	line-height: 49px;
	list-style: none;
	width: 125px;
	padding-left: 3px;
	background: url(../img/all/menu_sep.png) bottom left no-repeat;
}

#menu ul li.first {
	background: none;
}

#menu ul li a {
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	font: inherit;
}

#menu ul li a:hover {
	color: inherit;
}

#menu ul li.active a {
	font-weight: bold;
	background: url(../img/all/menu_active.png) center bottom no-repeat;
}

#menu #menu_contact a {
	color: #00A2F7;
}

#header {
	position: relative;
	text-align: left;
	height: 268px;
	overflow: hidden;
	background: #fff url(../img/all/header_bg2.png) top left repeat-x;
}

#header_out {
	height: 268px;
	background: #fff url(../img/all/header_bg.png) top left repeat-x;
}

#header_shadow {
	width: 1190px;
	padding-right: 90px;
	background: url(../img/all/shadow_left_header.png) right top no-repeat;
}

#logo {
	margin-top: -1px;
	margin-left: 22px;
}

#header .inside {
	position: relative;
}

#center {
	text-align: left;
	clear: both;
	background: url(../img/all/center_bg2.png) right top repeat-x;
}

#center_shadow { /*
	min-width:1280px;
	min-width:1024px;
	*/
	width: 1280px;
	background: #fff url(../img/all/shadow_left_center_bg.png) right top
		repeat-y;
}

#center_shadow_inside {
	padding-right: 90px;
	/*
	min-width:1190px;
	min-width:934px;
	*/
	width: 1190px;
	background: url(../img/all/shadow_left_center.png) right top no-repeat;
}

#center_header {
	height: 49px;
	font-family: Clarendon, Georgia, times New Roman;
	background: #fff url(../img/all/center_header_bg.png) left bottom
		repeat-x;
}

#center_header .inside {
	margin: 0 30px;
}

/* TRI **/
#tri_ref {
	margin-top: 10px;
	width: 520px;
	height: 29px;
	float: left;
	padding-top: 0;
	background: url(../img/all/tri_ref.png) left bottom no-repeat;
}

#tri_ref span {
	padding-top: 5px;
}

#tri_ref .fl {
	margin-left: 17px;
}

#tri_ref .fr {
	margin-right: 17px;
}

#thematiques {
	margin-top: 16px;
	margin-left: 44px;
	font-size: 12px;
	font-weight: blod;
	color: #666666;
	width: 300px;
}

#thematiques a {
	font-weight: normal;
	color: #666;
}

#thematiques a.active {
	color: #00A4FD;
}

#pagination {
	margin-top: 10px;
	width: 200px;
	text-align: right;
}

#pagination span {
	display: block;
	width: 13px;
	height: 19px;
	float: right;
	margin-left: 3px;
	background: url(../img/all/ico_page.png) left bottom no-repeat;
}

#pagination span.active {
	background: url(../img/all/ico_page_active.png) left bottom no-repeat;
}

#center .cinside {
	clear:both;
	margin:0 22px;
	min-height:450px;
	padding-top:10px;
	text-align:left;
}

#center_bot {
	clear: both;
	text-align: left;
	margin:0 22px 0 25px;
	padding-top: 10px;
}

#center_bot.include,.invisible {
	display: none;
}

#center .col1 {
	width: 536px;
	float: left;
}

#center .col2 {
	width: 568px;
	margin-left: 34px;
	float: left;
}

#social {
	text-align: right;
	font-size:12px;
	color:#21AAF2;
	font-family:arial;
	font-weight:bold;
	margin-top:20px;
	float:right;
}

#footer {
	font-family: Georgia;
	text-align: left;
	height: 172px;
	vertical-align: middle;
	background: url(../img/all/footer_bg.png) top left repeat-x;
}

#footer_shadow {
	width: 1190px;
	min-height: 171px;
	padding-right: 90px
}

#footer .inside {
	margin:0 20px 0 25px;
}

#footer span {
}

#footer .col1 {
	float: left;
	width: 700px;
}

#footer .col2 {
	color: #ccc;
	font-family: Georgia;
	font-size: 12px;
	float:right;
}

#footer .submit {
	margin: 12px 0 0 10px;
}

#footer .input_cadre {
	width: 250px;
	height: 36px;
	padding: 6px;
	margin: 12px 0 0 20px;
	text-align: center;
	vertical-align: middle;
	background: #DFEEF5;
}

#footer .input_inside {
	background: #EEF6F9;
	width: 250px;
	float: none;
	height: 36px;
	padding: 1px;
}

#footer input {
	display: block;
}

#copyright {
	color:#666666;
margin-top:18px;
}

#copyright strong {
	color: #fff;
	}
#copyright a {
	font-size: 11px;
	color:#666666;
}

#membres {
	float: left;
}

#membres a {
	display: block;
	float: left;
	margin-right: 15px;
	padding-top: 10px;
	height:52px;
	position:relative;
	top:3px;
}

#membres a.active {
	background: url(../img/all/lfooter_active.png) center bottom no-repeat;
}

#newsletter {
	margin-top: 13px;
	text-align: right;
	width: 315px;
}

#newsletter label {
	font-weight: bold;
	margin-top: 5px;
	float: left;
	color:#666666;
}

#newsletter input.t {
	color: #fff;
	border: none;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 4px 4px 2px 4px;
	font: 11px Arial;
	font-weight: normal;
	background: transparent;
	width: 170px;
}

#newsletter span.input {
	display: block;
	float: right;
	height: 25px;
	width: 202px;
	background: url(../img/all/form/input_bg_news.png) top left no-repeat;
}

/* CADRES **/
.cadre_gris {
	position: relative;
	font-family: Georgia, times New Roman;
	background: #F4F4F4;
	margin-bottom: 9px;
	font-size: 14px;
	clear: both;
	height: 46px;
	overflow: hidden;
	line-height: 42px;
	font-weight: bold;
	vertical-align: middle;
}

.cadre_gris .inside {
	vertical-align: middle;
	line-height: 46px;
	margin: 0 10px 0 18px;
}

.cadre_gris span {
	vertical-align: middle;
	height: 46px;
	line-height: 46px;
	display: inline;
}

.mail .inside {
	margin: 0 34px;
}

/* ARTICLES**/
#articles {
	clear: both;
	width: 516px; /*536px*/
	border: 10px solid #F4F4F4;
	width: 516px;
	margin-bottom: 9px;
}

#articles .vignette_vegas {
	position: absolute;
	background: transparent url(../img/all/bandeau_vegas.png) top left
		no-repeat;
	z-index: 9999;
	width: 246px;
	height: 114px;
	width: 246px;
	margin-left: -2px;
	margin-top: -2px;
}

#diaporama_previous {
	background: transparent url(../img/all/diaporama_previous.png) top left
		no-repeat;
	width: 92px;
	height: 92px;
	z-index: 9999;
	position: absolute;
}

#diaporama_next {
	background: transparent url(../img/all/diaporama_next.png) top left
		no-repeat;
	width: 92px;
	height: 92px;
	z-index: 9999;
	position: absolute;
}

#diaporama {
	background: #000;
	border: 9px solid #000;
	overflow-x: hidden;
}

#diaporama #diaporama_previous,#diaporama #diaporama_next {
	margin-top: 125px;
}

#diaporama #diaporama_previous {
	margin-left: 7px;
}

#diaporama #diaporama_next {
	margin-left: 400px;
}

#diaporama_slide {
	position: relative;
	height: 323px;
	overflow: hidden;
}

#diaporama_crop {
	position: relative;
	height: 323px;
	overflow: hidden;
}

#diaporama_slide div {
	width: 505px;
	height: 323px;
}

#diaporama_barre {
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	background: url(../img/all/diaporama_bar.png) top left repeat-x;
}

#diaporama_barre span {
	vertical-align: middle;
	font-size: 11px;
	color: #8A8A8A;
	height: 17px;
	line-height: 17px;
	display: block;
	margin-top: 10px;
	margin-right: 5px;
	float: left;
	border: 1px dotted #8A8A8A;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0 5px;
}

#diaporama_barre span.active {
	color: #fff;
	border: 1px dotted #fff;
}

#articles .article {
	margin: 20px 23px 17px 23px;
}

#articles .date h2 a {
	}
#articles .date {
	float: right;
	color: #CCCCCC;
}
#page.team .date ,#page.goodies .date {
	display:none;
}

#articles .date span {
	color: #666666;
	font-weight: bold;
	display: block;
}

#articles .texte {
	font-size: 12px;
	padding: 9px 0;
	margin: 18px 0 7px 0;
	border-top: #F3F3F3 1px solid;
}

#articles a.website {
	display: block;
	margin: 15px 0;
	font-size: 11px;
}

#articles .tags {
	color: #00a4fd;
	font-family: Lucida Sans, Arial;
	font-size: 12px;
	font-weight: normal;
}

#articles .tags a {
	font-weight: normal;
}

/* REALISATIONS**/
#plugin_realisations {
	clear: both;
}

#page.home #plugin_realisations {
	margin-right: -13px;
}

#plugin_realisations .vignette {
	width: 180px;
	height: 120px;
	overflow: hidden;
	float: left;
	background: #F0F0F0;
	margin-right: 13px;
	margin-bottom: 14px;
	text-align: center;
}

#plugin_realisations .endline {
	margin-right: 0;
}

#plugin_realisations .vignette .image {
	padding: 8px;
	width: 164px;
	height: 104px;
}

#plugin_realisations .bandeau {
	display: block;
	position: absolute;
	width: 29px;
	height: 29px;
}

#plugin_realisations .active {
	background: #999;
}

#plugin_realisations .web .bandeau {
	background: transparent url(../img/all/bandeau_small_web.gif) top left
		no-repeat;
}
#plugin_realisations .refurb .bandeau {
	background: transparent url(../img/all/bandeau_small_refurb.png) top left
		no-repeat;
}

#plugin_realisations .refurb .active {
	background: #f07200;
}

#plugin_realisations .web .active {
	background: #23AAF3;
}

#plugin_realisations .print .bandeau {
	background: transparent url(../img/all/bandeau_small_design.gif) top
		left no-repeat;
}

#plugin_realisations .print .active {
	background: #9DCD0D;
}

#plugin_realisations .misc .bandeau {
	background: transparent url(../img/all/bandeau_small_misc.gif) top left
		no-repeat;
}

#plugin_realisations .misc .active {
	background: #FC3E6E;
}

#plugin_realisations_nav {
	clear: both;
	text-align: center;
}


/**************************************************************/
	/* FORM **/
#page.contact .cinside {
	font-size: 20px;
	color: #999999;
}

#page.contact .cinside small {
display:block;
color:#333333;
font-size:10px;
font-style:italic;
margin-left:135px;
position:relative;
top:55px;
}

#page.contact .cinside small.req span {
	background: url(../img/all/form/asterisk.png) no-repeat center top;
	display: inline-block;
	position:relative;
	top:3px;
	height: 15px;
	width: 20px;
}

#page.contact .cinside strong {
}

#page.contact .cinside form {
	
}

#page.contact .cinside .col1 {
	padding: 65px 0 65px 55px;
	width: 500px;
}

#page.contact .cinside .col2 {
	padding: 65px 0 65px 0;
	width: 500px;
}

#page.contact .adresse {
	font-family: georgia;
	font-size: 12px;
	color: #999;
	margin-left:125px;
}

#page.credits .texte ,#page.mentions-legales .texte {
	padding:0 20px;
}
#page.credits .cinside h1,#page.mentions-legales .cinside h1, #page.contact .cinside h1 {
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	font-family: georgia;
	font-size: 20px;
	color: #333;
	margin-top: 20px;
	margin-left: 135px;
	text-shadow: 1px 1px 0 white;
	text-transform: lowercase;
	padding-left: 0;
}

#page.credits .cinside h1,#page.mentions-legales .cinside h1{
	margin-bottom:20px;
}
#page.credits .cinside h3,#page.mentions-legales .cinside h3{
	font-weight:bold;
	margin:10px 0;
}
#page.credits .cinside h4,#page.mentions-legales .cinside h4{
	font-weight:bold;
	margin:5px 0;
}
#page.contact #facebook {
	position: absolute;
	margin-left: 600px;
	margin-top: -125px;
}

.cinside .required label{
	background: url(../img/all/form/asterisk.png) no-repeat right 3px;
}

.cinside .field {
	clear: both;
	padding-left: 29px;
	margin-bottom: 14px;
	font-size: 20px;
	color: #999999;
}

.cinside .field label {
	font-size: 14px;
	font-family: arial;
	color: #999999;
	display: block;
	vertical-align: top;
	width: 95px;
	margin: 0;
	font-weight: normal;
	float:left;
	margin-top:15px;
}

.cinside .field span {
	display: block;
	float: left;
}

.cinside .field span.form_input {
	width: 350px;
	height: 55px;
	background: url(../img/all/form/input.png) no-repeat top right;
}

.cinside .field span.form_tarea {
	width: 350px;
	height: 246px;
	background: url(../img/all/form/textarea.png) no-repeat top left;
}

.cinside .field textarea,#editorial .field input.t {
	border: none;
	height: 18px;
	vertical-align: middle;
	font: 16px Arial, sans-serif;
	font-weight: normal;
	width: 320px;
	background: transparent;
	margin:16px;
}

#page.contact .cinside .field input.t {
	height: 18px;
	margin-top:15px;
	width:320px;
}
#page.contact .cinside .field input.submit {
	margin-right:26px;
}

#page.contact .cinside .field textarea {
	height: 220px;
}

/* AJAX */
#plugin_ajax_suiv {
	background: #fff;
	height: 350px;
	position: absolute;
	width: 60px;
	/*right: 0; top: 100px;*/
	top: 100px;
	margin-left: 954px;
}

#plugin_ajax_prec {
	background: #fff;
	height: 350px;
	width: 60px;
	position: absolute;
	/*left: 0; top: 100px;*/
	top: 100px;
	margin-left: -80px;
}

#plugin_realisations {
	display: none;
}

#plugin_realisations .image img,#plugin_realisations .image canvas {
	
}

/* TIPS */
.tip {
	font-family: arial,tahoma;
	width: 120px;
	text-align:center;
}

.tip-top {
	background: url(../img/all/tips/tip_top.gif) top left no-repeat;
	height: 10px;
	width: 120px;
}

.tip-title {
	color: #fff;
	font-weight: bold;
	background: #000;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
}

.tip-text {
	background: #000;
	font-size: 10px;
	color: #fff;
	padding: 5px 10px 5px 10px;
}

.tip-bottom {
	background: url(../img/all/tips/tip_bot.gif) top left no-repeat;
	clear: both;
	height: 9px;
	width: 120px;
}