/* ===========================================================
Elements de Page ========================================== */

* {
	margin:0;
	padding:0;
}

body {
	background:#0D0D0D url(../images/bg.png) repeat-x scroll 0 top;
	font-family:Arial, Verdanna, sans-serif;
	line-height:16px;
	font-size:10px;
	color:#606060;
}

a {
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	color:#8C8C8C;
}

a:hover {
	text-decoration:underline;
}

label {
	font-weight:bold;
	cursor:pointer;
}

img {
	border:none;
}

ul, li {
	list-style-type:none;
}

input, textarea {
	border:none;
}

hr {
	background-image:url(../images/separateur_content_horizontal.png);
	background-repeat:repeat-x;
	margin:18px 0 18px 0;
	border-right:none;
	border-left:none;
}

h2 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
}

/* ===========================================================
Structure ================================================= */

#wrapper {
	margin:52px auto 118px auto;
	position:relative;
	width:1008px;
}

/* ===========================================================
Naviguation =============================================== */

#naviguation {
	background:transparent url(../images/speedbar.png) no-repeat scroll 0 0;
	width:1008px;
	height:38px;
}

#naviguation .langue {
	background:transparent url(../images/langue_right.png) no-repeat scroll right 0;
	margin:6px 18px 0 0;
	padding-right:11px;
	font-weight:bold;
	color:#ffffff;
	height:24px;
	float:right;
}

#naviguation .langue li {
	background:transparent url(../images/langue_bg.png) repeat-x scroll 0 0;
	padding:4px 4px 0 4px;
	text-align:center;
	height:20px;
	float:left;
}

#naviguation .langue li img {
	margin-top:3px;
}

#naviguation .langue li.first {
	background:transparent url(../images/langue_left.png) no-repeat scroll left 0;
	overflow:hidden;
	height:24px;
	width:11px;
	padding:0;
}

#naviguation #speedbar {
	height:38px;
	float:left;
}

#naviguation #speedbar li {
	background:transparent url(../images/speedbar_separator.png) repeat-y scroll right 0;
	overflow:hidden;
	padding:14px;
	height:10px;
	float:left;
}

#naviguation #speedbar li a {
	height:24px;
	float:left;
}

#naviguation #speedbar li a:hover, #naviguation #speedbar li a.actif {
	background:transparent url(../images/arrow.png) no-repeat scroll center bottom;
	float:left;
}

/* ===========================================================
BreadCrumbs =============================================== */

#breadcrumbs {
	background:transparent url(../images/header.png) no-repeat scroll 0 0;
	padding:146px 0 0 60px;
	overflow:hidden;
	font-size:12px;
	color:#ffffff;
	width:948px;
	height:23px;
}

#breadcrumbs a {
	color:#ffffff;
}

/* ===========================================================
Content =================================================== */

#content {
	background:#D4D4D4 url(../images/content_bg.png) repeat-x scroll 0 top;
	line-height:19px;
	font-size:12px;
	color:#121212;
	width:1008px;
}

#content .bottom {
	background:transparent url(../images/content_bottom.png) no-repeat scroll 0 bottom;
	width:1008px;
	height:48px;
	clear:both;
}

#content .block {
	padding:18px 48px 0 48px;
	overflow:hidden;
	width:912px;
}

#content .right_spec {
	background-image:url(../images/separateur_content_vertical.png);
	background-repeat:repeat-y;
	padding-left:28px;
	margin-left:18px;
	float:right;
	width:46%;
}

/* ===========================================================
Accueil ==================================================== */

#content.accueil {
	background:transparent url(../images/splash.png) no-repeat scroll 0 0;
	padding-top:344px;
	overflow:hidden;
	color:#ffffff;
	height:114px;
	width:1008px;
}

#content.accueil ul li {
	float:left;
	width:48%;
}

#content.accueil ul li.first {
	margin-right:4%;
}

#content.accueil ul h2 {
	text-align:center;
	margin-top:5px;
	font-weight:bold;
	font-size:18px;
}

#content.accueil ul li img {
	margin:8px;
	float:left;
}

#content a.left_spec {
	margin:6px 8px 0 0;
	float:left;
}

#content a.left_spec img {
	border:3px solid #C4C4C4;
}

/* ===========================================================
Footer ==================================================== */

#footer {
	background-image:url(../images/separateur_horizontal.png);
	background-repeat:repeat-x;
	height:2px;
	margin-top:28px;
}

#footer ul li {
	background-image:url(../images/separateur_vertical.png);
	background-repeat:repeat-y;
	background-position:right;
	margin-left:10px;
	
	margin-top:20px;
	padding:10px;
	float:left;
	padding-right:20px;
	
}


#footer ul li.final {
	background:none;
}

/* ===========================================================
Staff ===================================================== */

.staff {
	margin-top:18px;
}

.staff li {
	margin-bottom:12px;
}

.staff strong {
	font-weight:normal;
	font-size:14px;
}

.staff img {
	margin:0 14px 14px 14px;
	float:left;
}

/* ===========================================================
Arrow ===================================================== */

ul.arrow li {
	background:transparent url(../images/arrow_black.png) no-repeat scroll left 9px;
	padding:4px 4px 4px 18px;
}

ul.arrow li:hover {
	padding-left:16px;
	margin-left:2px;
}

/* ===========================================================
Realisation =============================================== */

ul.realisations {
	margin-top:18px;
}

ul.realisations li {
	margin:9px;
	float:left;
}

ul.realisations img {
	border:1px solid #FFF;
}

ul.realisations li:hover a span b {
	display:block;
}

ul.realisations li:hover a span {
	background:transparent url(../images/realisation_shadow_hover.png) no-repeat scroll center bottom;
}

ul.realisations li a {
	color:#ffffff;
}

ul.realisations li a span {
	background:transparent url(../images/realisation_shadow.png) no-repeat scroll center bottom;
	margin-left:1px;
	margin-top:1px;
	position:absolute;
	height:123px;
	width:204px;
	z-index:10;
}

ul.realisations li a span b {
	margin:99px 0 0 8px;
	position:absolute;
	display:none;
}

ul.realisations li a:hover {
	text-decoration:none;
}
/* ===========================================================
Solution ================================================== */

ul.solution li {
	margin:20px;
	float:left;
}

ul.solution li a {
	background:transparent url(../images/devis.png) no-repeat scroll 0 0;
	margin:288px 0 0 64px;
	position:absolute;
	width:128px;
	height:33px;
}

ul.solution li a:hover {
	background:transparent url(../images/devis_hover.png) no-repeat scroll 0 0;
}

/* ===========================================================
Shop ====================================================== */

ul.shop {
	text-align:center;
}

ul.shop li {
	margin:8px 14px 18px 14px;
	float:left;
}

ul.shop li h5 {
	font-weight:bold;
	font-size:14px;
}

ul.shop li img {
	border:3px solid #C4C4C4;
}

ul.shop li a.btn_price {
	background:transparent url(../images/btn_price.png) no-repeat scroll 0 0;
	padding-top:3px;
	margin-top:8px;
	font-size:11px;
	color:#ffffff;
	width:154px;
	height:22px;
	float:left;
}
/* ===========================================================
Réseaux Sociaux =========================================== */

ul.reseaux_sociaux {
	margin-top:30px;
}

ul.reseaux_sociaux li {
	height:60px;
}

ul.reseaux_sociaux li img {
	float:left;
}

ul.reseaux_sociaux li a {
	margin:5px 0 0 12px;
	color:#000000;
	float:left;
}

ul.reseaux_sociaux hr {
	margin-top:20px;
	width:22%;
}

/* ===========================================================
Formulaire ================================================ */

.form {
	margin-top:18px;
}

.form label {
	margin-bottom:1px;
	color:#000000;
	display:block;
	width:150px;
	float:left;
}

.form p {
	margin-bottom:12px;
	width:442px;
}

.form p.left {
	margin-right:30px;
	width:50%;
}

.form .text {
	background:transparent url(../images/form_input.png) no-repeat scroll 0 0;
	color:#ffffff;
	height:17px;
	width:190px;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.form .text_long {
	background:transparent url(../images/form_input_long.png) no-repeat scroll 0 0;
	color:#ffffff;
	height:17px;
	width:435px;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.form textarea {
	background:transparent url(../images/form_textarea.png) no-repeat scroll 0 0;
	color:#ffffff;
	height:134px;
	width:433px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.form .submit {
	background:transparent url(../images/form_submit.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:33px;
	width:128px;
}

.form .submit:hover {
	background-image:url(../images/form_submit_hover.png);
}

/* ===========================================================
Divers ==================================================== */

.tright {
	text-align:right;
}

.tcenter {
	text-align:center;
}

.tleft {
	text-align:left;
}

.right {
	float:right;
}

.left {
	float:left;
}

.black {
	color:#000000;
}