@charset "UTF-8";
/* 
Theme Name: WecoastDesign 2010
Theme URI: http://www.wecoastdesign.com/
Description: Web Design 
Version: 2.0.0
Author: Grég Petithomme
Author URI: http://www.wecoastdesign.com    

*/

body { margin:0 auto; padding:0; background:url(../images/bg.gif);}

h3 { color:#4f4f4f; font:bold 24px Tahoma, Geneva, sans-serif; padding:0; margin:0;}
h4 { color:#797979; font:bold 14px Tahoma, Geneva, sans-serif; padding:0; margin:0;}

a { font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none;}
a:hover { text-decoration:underline;}

#container { width:1132px; background:#141414; margin-right: auto; margin-left: auto; 
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
} 


/* Header */
.header { width:1132px; margin:0; padding:0;}
/* Logo */
.logo { background:url(../images/logo.jpg); width:1132px; height:180px; text-indent:-2000px}
/* Menu */
.menu { width:1132px; background: url(../images/menu_bg.jpg) no-repeat; height:70px; padding:26px 0 0 0;}
.menu ul { list-style:none; margin:0 30px 0 0; padding:0; float:right;}
.menu ul li { float:left; margin:0; padding:0; line-height:14px;}
.menu ul li a { float:left; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#FFF; padding:14px 15px 16px 14px; text-transform:uppercase; line-height:14px;}
.menu ul li a:hover { background:url(../images/menu_hover_bg.gif); color:#FFF; text-decoration:none;}

/* Main */
.main { padding:0 0 10px 0; width:1132px;
	background: url(../images/main.jpg) repeat-x 0 top;
}
.main h2 { font:normal 18px "Times New Roman", Times, serif; color:#dbccd7; padding: 25px 10px 15px; margin:0;
	background: url(../images/line.gif) repeat-x 0 bottom;
}
.main p, .main ul { padding:10px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#666666; line-height:1.6em;}

/* .main .global_full_main { margin:0 10px !important; margin:0 10px 0 5px;} */
.main .global_main { float:right; width:694px; margin:0 20px 0 10px !important; margin:0 10px;}

.global_projet {
	margin: 0 auto;
	float: left;
	padding: 20px;
	width: 670px;
}

div.box {
	width: 220px;
	height: 96px;
	float: left;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}

.main .global_main img.images { margin:5px 10px; border:1px solid #b2b2b2;
	width: 201px;
	display: block;
	clear: right;
}

/* Header Images */
.header_images { background:#e7e7e7; width:674px; padding:0 10px; margin:0 0 15px 0;}

.page_title { background: url(../images/a-propos-bg.jpg) no-repeat; 
padding:13px; width:668px; height:140px;
text-indent: -1000em;
font-style: italic;
}
.page_title h1 { font:normal 30px "Times New Roman", Times, serif; color:#dbccd7; padding:15px 10px 0 30px; margin:0;}

.page_title_text { padding:0 13px; width:668px;}

.page_title_text h1 { font:normal 30px "Times New Roman", Times, serif; color:#dbccd7; padding:15px 10px 20px 30px; margin:0; background: url(../images/line_big_bg.gif) repeat-x 0 bottom;}



div.gallery ul li span { display:block; padding:0 15px; font:normal 14px "Times New Roman", Times, serif; color:#222222; text-transform:uppercase; line-height:1.6em;}
div.gallery ul li strong { display:block; padding:5px 0 0 0; margin:0; font:bold 16px "Times New Roman", Times, serif; color:#222222;}
.featured_flag {
	position: absolute;
}

ul.list_gallery { background:#e7e7e7; width:674px; padding:10px; margin:0; list-style:none; float:left;}
ul.list_gallery li { padding:0 12px 0 0; margin:0; float:left;}
ul.list_gallery li.last { padding:0; margin:0; float:left;}

div.project {
	float: left;
	padding: 5px;
}
div.project ul { padding:20px 0 0 0; margin:0; list-style:none;}
div.project ul li { padding: 0 5px 5px 0; margin:0; float:left;}
div.project ul li img { background:#0d0d0d; padding:10px;}
div.project ul li span { display:block; background:url(../images/str.gif) no-repeat left center; padding:5px 10px 5px 20px;}

.block_list { float:left; padding:5px; width:221px;}
.block_full { padding:5px;}
.block_projets { padding:5px;}
.block_text p { margin:5px; padding:3px 0; color:#5e5e5e;
	font-style: normal;
	line-height: 1.6em;
	font-family: Tahoma, Geneva, sans-serif;
}


.block_text p.title { font:bold 14px Tahoma, Geneva, sans-serif; background: url(../images/line.gif) repeat-x; padding:5px 0;}
.block_text div.line { height:2px; margin:10px;
	background: url(../images/line.gif) repeat-x 0 bottom;
}


.block_text a { font:11px Tahoma, Geneva, sans-serif; color:#517886; text-decoration:underline;}
.block_text a.link { font:bold 11px Tahoma, Geneva, sans-serif; color:#FFF; background: #b1110f; margin:10px; padding:5px 10px; text-decoration:underline;}
.block_text a.link2 { font:bold 11px Tahoma, Geneva, sans-serif; color:#FFF; background:#383838; margin:10px; padding:5px 10px; text-decoration:underline;}
.block_text a:hover { text-decoration:none;}

.block_text p.order { background:url(../images/butt_order_now.gif) no-repeat; text-align:center; width: 105px; height:12px; text-decoration:none; margin:0 0 0 180px; padding:5px 20px 15px 10px;}

.main .services { float:left; width: 330px; background: #000;
	margin: 0 0 0 30px;
}
.main .services .service_bg { background: #000 no-repeat 10px 10px; padding:10px;}
.main .services p { padding:10px; margin:0; line-height:1.8em;
	text-align: left;
}

#container div.main div.services p img {
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.main .services h3 { padding:10px; margin:0; font:normal 30px "Times New Roman", Times, serif; color:#dbccd7;}

#container div.main div.global_main div.block_text div.block_full h1 {
	color: #5e5e5e;
}

.main .services a { font: normal 18px Tahoma, Geneva, sans-serif; color:#517886;}
.main .services ul.banner { padding:0 5px; margin:0; list-style:none;}
.main .services ul.banner li { padding:8px; margin:0 5px; float:left; background:#4c717f; border:2px solid #517886;}
.main .services ul.img { padding:5px; margin:0; list-style:none;}
.main .services ul.img li { padding:8px; margin:0 5px; float:left; background:#686868; border:2px solid #6e6e6e;}
.main .services ul.link { padding:0 5px; margin:0; list-style:none;}
.main .services ul.link li { padding:5px 10px 5px 20px; margin:0 5px; background:url(../images/str.gif) no-repeat center left; border-top:1px solid #292929; border-bottom:1px solid #010101;}
.main .services ul.subnav { padding:0 5px; margin:0; list-style:none;}
.main .services ul.subnav li { padding:7px 10px 7px 20px; margin:0 5px; background:url(../images/str.gif) no-repeat center left; border-top:1px solid #292929; border-bottom:1px solid #010101;}
.main .services ul.subnav li a { color:#5e5e5e;}
.main .services ul.subnav li a.active { color:#517886; text-decoration:underline; font-weight:bold;}
.main .services ul.subnav li a:hover { color:#517886; text-decoration:underline;}

.main .support { float:left; width:283px; margin:0 26px 0 0;}
.main .support h2 { background:url(../images/title_support.jpg) no-repeat left center;}

ul.our_team { list-style:none; margin:5px;}
ul.our_team li { background:#efefef; border:1px solid #e2e2e2; margin:5px; padding:5px; float:left; display:block;}
ul.our_team li span { padding:10px 5px; display:block;}
ul.our_team li img { float:left; margin:5px 10px 5px 5px; border:1px solid #b2b2b2;}

a.link_news { color:#9e9e9e; font:11px Tahoma, Geneva, sans-serif;}
a.button { color:#26b5cd; font:bold 11px Tahoma, Geneva, sans-serif;}

/* Page navigation list */
.lister { padding:10px;}
.lister ul { padding:0; margin:0; list-style:none; float:left;}
.lister ul li { margin:5px; float:left;}
.lister ul li span { background:#1f6b94; display:block; padding:5px 11px ; color:#FFF;}
.lister ul li a { background:#e0e0e0; display:block; padding:6px 10px; color:#363636; border:1px solid #b1b1b1;}

/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:0; margin:0 0 0 150px; background:url(../images/butt_order_now.gif); border:0; color:#FFF; float:left; width:132px; height:32px; line-height:16px;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}



/* Footer */
.footer {
}
.footer .footer_text { float:right; text-align:right; padding:15px; width:675px; margin:0 30px 0 0;
	background: url(../images/line.gif) repeat-x 0 top;
}
.footer .footer_text p { padding:3px; margin:0; color:#5e5e5e; font:normal 10px Tahoma, Geneva, sans-serif;}
.footer .footer_text ul { padding:0; margin:0; list-style:none; float:right;}
.footer .footer_text ul li { padding:5px; margin:0; float:left;}
.footer .footer_text ul li a { color:#FFF; font:normal 12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
.txtoverline{text-decoration: line-through;}
.clr { clear:both;}
.white { color:#FFF;}
.none { display:none;}
.px22 { font-size:22px; background-color: #b1110f; color: #fff;}


.overline{background-color: #b11104; color: #fff; text-align: left;
	font: italic 190% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
overlinebleu{background-color: #5090ff; color: #fff; text-align: left;
	font: italic 190% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.disponible {
	background-color: #87a325;
	color: #fff;
	font-size: 120%;
}
.overline-txt{background-color: #b11104; color: #fff; text-align: left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#competence li {
	background: url(../images/check-icon.png) no-repeat;
	color: #5e5e5e;
	list-style-type: none;
	padding-left: 30px;
	text-decoration: none;
	font-size: 105%;
}

.list-services{
	width: 300px;
	margin: 10px;
}

#competence {
	width: 650px;
	margin: 20px;
	
}


.selected{ background: url(../images/menu_hover_bg.gif)}

.overline-titre{background-color: #5090ff; color: #fff; text-align: left;
	font: italic 190% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.ad {
	width: 250px;
	height: 250px;
	margin-left: 11px;
}
#expertise {
	background-image: url(../images/title-expertise.jpg);
	width: 432px;
	height: 91px;
	text-indent: -1000em;
	margin-top: 15px;
}

#title-services {
	background-image: url(../images/title-pourvous.jpg);
	width: 493px;
	height: 91px;
	text-indent: -1000em;
}
.block_expertises { float:left; padding:5px; width:300px;}


#carte a{
	width: 250px;
	height: 168px;
	margin: auto;
	display: block;
}
#maps{
	width: 250px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}

a.bt_devis2 {
	height: 50px;
	background: url(../images/bt_devis2.gif) no-repeat left top;
	width: 138px;
	display: block;
	overflow: hidden;
	margin-left: 30px;
	text-indent: -1000em;
	border-bottom-style: none;
}
a:hover.bt_devis2{
	background-position: left bottom;
}	
.leftbar{
	float: right;
	display: block;
	width: 300px;
}

div.right-bar {
	width: 350px;
	float: left;
	margin-left: 30px;
}
#categorie{
	color: #707070;
	display: block;
	list-style-type: none;
	font: 229%/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 350px;
	float: left;
	margin-top: 50px;
}
#social{
	width: 210px;
	margin-top: 25px;
	float: left;
}

#categories {
	float: left;
	display: block;
	width: 230px;
	margin-bottom: 30px;
}


#categorie u li {
	padding-left: 12px;
}

#twitter a {
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/ico-twitter.png) no-repeat;
	text-indent: -1000em;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}




#social li {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}

#social li.linked a{
	background: url(../images/Inside-linkedin.png) no-repeat;
	text-indent: -1000em;
	width: 48px;
	height: 48px;
	display: block;
}

#social li.ziki a{
	background: url(../images/Inside-ziki.png) no-repeat;
	text-indent: -1000em;
	width: 48px;
	height: 48px;
	display: block;
}

#social li.facebook a{
	background: url(../images/Inside-facebook.png) no-repeat left top;
	text-indent: -1000em;
	width: 48px;
	height: 48px;
	display: block;
}

#social li.viadeo a{
	background: url(../images/Inside-viadeo.png) no-repeat;
	text-indent: -1000em;
	width: 48px;
	height: 48px;
	display: block;
}


#categorie h3 {
	background-color: #b11104;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
	width: 200px;
}
#social li.facebook a:hover{
	background-position: left bottom;
}

#social li.twitter a{
	background: url(../images/Inside-twitter.png) no-repeat;
	text-indent: -1000em;
	width: 48px;
	height: 48px;
	display: block;
}

#social li.flickr a{
	background: url(../images/Inside-flickr.png) no-repeat;
	text-indent: -1000em;
	width: 48px;
	height: 48px;
	display: block;
}

.titre-projet{
	font: 229% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #b11104;
	color: #fff;
	padding-left: 15px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
	margin-right: 400px;
}

#categorie a {
	color: #d3d3d3;
	text-decoration: none;
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #212c2e;
}

#demo div.top a {
	background-image: url(../images/haut.png);
	display: block;
	width: 96px;
	height: 34px;
	text-indent: -1000em;
}
#print{
	float: left;
}
#logotype{
	float: left;
}
#webdesign{
	float: left;
}
#personnel{
	float: left;
}
.line{background: url(../images/line.gif) repeat-x 0 top; margin: 5px;
	float: left;
	text-indent: -1000px;
	display: inline-block;
	width: 690px;
}

div.top {
	float: right;
	color: #fff;
	margin-right: 40px;
}

h1#titre-services {
	background: url(../images/title-services.png) no-repeat center center;
	width: 317px;
	text-indent: -1000em;
	height: 91px;
}

h1#titre-projets {
	background: url(../images/title-projets.png) no-repeat;
	width: 317px;
	text-indent: -1000em;
	height: 91px;
	display: block;
}
h1#titre-contact {
	background: url(../images/title-contact.png) no-repeat;
	width: 317px;
	text-indent: -1000em;
	height: 91px;
	display: block;
}

#container div.main div.services ul.banner li.ads {
	margin-top: 10px;
	display: block;
	float: left;
}

#css  {
	width: 80px;
	height: 15px;
	background: url(../images/css-valid.png) no-repeat;
	display: block;
	text-indent: -1000em;
	float: right;
}

#xhtml  {
	width: 80px;
	height: 15px;
	background: url(../images/xhtml-valid.png) no-repeat;
	text-indent: -1000em;
	float: right;
	margin-left: 5px;
}

#validation {
	width:300px;
	float: right;
	display: block;
}
.main .left {
	float: left;
	width: 690px;
	margin-left: 0;
}

.main .right {
	width: 360px;
	float: right;
	margin-right: 20px;
}