/* CSS Document */

/***************************
  INITIALISATION
***************************/
BODY {font: normal 11px Arial; color: white; margin: 0px auto; padding: 0px; background: black url(../images/common/bg_kabia.jpg) top left repeat-x;}
TABLE, TD, FORM, INPUT, SELECT, TEXTAREA {border: 0px; margin: 0px; padding: 0px;}
IMG {border:0px; margin: 0px; padding: 0px;}
DIV, P, FORM, OL, UL, LI, SPAN {margin: 0px; padding: 0px;}
H1, H2, H3, H4 , H5 {font: bold 11px Arial; margin: 0px; padding: 0px;}
H1 {color: #CBA674; text-align: center; font-size: 10px; width: 960px; height: 16px; margin: 0px auto; padding-top: 8px;}

div#wrapper {margin: auto; width: 960px;}


/***************************
  GLOBAL
***************************/
.Width5px {width: 5px;}
.Width10px {width: 10px;}
.Width20px {width: 20px;}
.Height5px {height: 5px;}
.Height10px {height: 10px;}
.Height15px {height: 15px;}
.Height20px {height: 20px;}
.Height25px {height: 25px;}

.fl_Left {float: left;}
.fl_Right {float: right;}
.clear {clear: both;}

.centrer {margin: 0px auto;}

.marron {color: #CBA674;}

.vert-old {color: #6a913c;}
.orange-old {color: #ff7a00;}
.rose-old {color: #d50071;}
.bleu-old {color: #579099;}
.jaune-old {color: #c1bb00;}

.vert {color: #b9d065;}
.orange {color: #e59b27;}
.rose {color: #ea69a0;}
.bleu {color: #7d99aa;}
.jaune {color: #dcdf72;}


/***************************
  HEADER
***************************/
div#header {font: normal 10px Arial; width: 960px; height: 60px; padding-top: 23px; padding-bottom: 13px;}
	
	div#header div.services {width: 451px; height: 60px;}
		div#header div.services a {text-transform: uppercase; color: white; text-decoration: none; text-align: center;}
		div#header div.services span {display: block; padding-top: 45px;}
		div#header div.services ul {list-style-type: none;}
		div#header div.services li a {height: 53px;}

		div#header div.services li#devis {width: 120px; float: right;}
		div#header div.services li#devis a {display: block; background: transparent url(../images/header/demande-devis.jpg) no-repeat; background-position: 36px 0px;}
		div#header div.services li#devis a:hover {background-position: 36px -60px;}
		
		div#header div.services	li#boutique {width: 60px; float: right;}
		div#header div.services	li#boutique a { display: block;background: transparent url(../images/header/boutique-kabia.jpg) no-repeat; background-position: 6px 0px;}
		div#header div.services li#boutique a:hover {background-position: 6px -61px;}

		div#header div.services	li#contact {width: 60px; float: right;}
		div#header div.services	li#contact a { display: block;background: transparent url(../images/header/contacter-kabia.jpg) no-repeat; background-position: 6px 0px;}
		div#header div.services li#contact a:hover {background-position: 6px -60px;}

	div#header div.coordonnees {font: bold 11px Arial; text-align: center; width: 262px; height: 60px; padding-left: 35px;}
		div#header div.coordonnees p {padding-bottom: 8px;}
	
	div#menu {background: transparent url(../images/header/menu/entreprendre-sans-limite.jpg) left top no-repeat; width: 960px; height: 140px;}
		div#menu a {text-transform: uppercase; color: white; text-decoration: none; text-align: center;}
		div#menu span {display: block; font-size: 10px; padding-top: 88px;}
		div#menu span.center {padding-left: 10px; padding-right: 10px;}
		div#menu ul {list-style-type: none; float: left; padding-top: 12px; padding-left: 4px;}
		div#menu li {padding-left: 10px;}
		div#menu li a {height: 115px;}
		
		div#menu li#agence {width: 81px; float: left;}
		div#menu li#agence a {display: block; background: transparent url(../images/header/menu/agence-web.jpg) no-repeat; background-position: 0px 0px}
		div#menu li#agence a:hover {background-position: 0px -115px;}

		div#menu li#creation {width: 81px; float: left;}
		div#menu li#creation a {display: block; background: transparent url(../images/header/menu/creation-site-web.jpg) no-repeat; background-position: 0px 0px}
		div#menu li#creation a:hover {background-position: 0px -115px;}

		div#menu li#hosting {width: 81px; float: left;}
		div#menu li#hosting a {display: block; background: transparent url(../images/header/menu/hebergement-web.jpg) no-repeat; background-position: 0px 0px}
		div#menu li#hosting a:hover {background-position: 0px -115px;}

		div#menu li#prestations {width: 81px; float: left;}
		div#menu li#prestations a {display: block; background: transparent url(../images/header/menu/nos-prestations.jpg) no-repeat; background-position: 0px 0px}
		div#menu li#prestations a:hover {background-position: 0px -115px;}

		div#menu li#realisations {width: 81px; float: left;}
		div#menu li#realisations a {display: block; background: transparent url(../images/header/menu/nos-realisations.jpg) no-repeat; background-position: 0px 0px}
		div#menu li#realisations a:hover {background-position: 0px -115px;}

		div#menu div#entreprendre {float: left; padding-left: 30px; padding-top: 32px;}
		

/***************************
  BODY
***************************/
div#body_Central {width: 735px; float: left; padding-top: 20px;}

	div#body_Central div.left_Short {width: 501px;}
	div#body_Central div.left_Long {width: 735px;}
	
	div#body_Central div.vert a, div#body_Central div.vert a:hover {color: #cebca5;}
	div#body_Central div.orange a, div#body_Central div.orange a:hover {color: #cebca5;}
	div#body_Central div.rose a, div#body_Central div.rose a:hover {color: #cebca5;}
	div#body_Central div.bleu a, div#body_Central div.bleu a:hover {color: #cebca5;}
	div#body_Central div.jaune a, div#body_Central div.jaune a:hover {color: #cebca5;}


		div#body_Central div#img_Cat {float: left; width: 50px; height: 43px;}
		
		div#body_Central div#titre_Cat { border-bottom: solid 1px #CBA674; margin-left: 3px;}
			div#body_Central div#titre_Cat H2 {font: bold 17px Arial; text-align: left; color: #CBA674; text-transform: uppercase; padding-top: 20px; _padding-top: 23px;}
		
		div#body_Central div#titre_SousCat {width: 448px; height: 43px; border-bottom: solid 1px #CBA674; float: left; margin-left: 3px;}
			div#body_Central div#titre_SousCat H2 {font: normal 17px Arial; text-align: left; color: #CBA674; text-transform: uppercase; border-bottom: solid 1px #CBA674; padding-top: 3px; _padding-top: 4px;}
			div#body_Central div#titre_SousCat P {font: bold 11px Arial; text-align: left; padding-top: 2px; padding-bottom: 2px; _padding-top: 4px;}

			div#body_Central div.categerie H3 {text-align: justify; display: block; margin-bottom: 8px;}
			div#body_Central div.categerie H4 {text-align: justify; display: block; margin-bottom: 8px;}
			div#body_Central div.categerie H5 {text-align: justify; display: block; margin-bottom: 8px;}
		
			div#body_Central div.sous-categorie H3 {text-align: justify; font-size: 14px; display: block; margin-bottom: 8px;}
			div#body_Central div.sous-categorie H4 {text-align: justify; font-size: 13px; display: block; margin-bottom: 8px;}
			div#body_Central div.sous-categorie H5 {text-align: justify; font-size: 13px; display: block; margin-bottom: 8px;}
		
		div#body_Central div.content {color: white; margin-top: 20px;}
			div#body_Central div.content p {text-align: justify;font-size: 12px; line-height: 15px; margin-bottom: 8px;}
			div#body_Central div.content p.liste {text-align: justify;font-size: 12px; line-height: 15px; margin-bottom: 2px;}
			div#body_Central div.content ul, div#body_Central div.content ol {padding-left: 25px; margin-bottom: 8px;}
			div#body_Central div.content ul li {list-style-type: disc; text-align: justify;}
			div#body_Central div.content ol li {list-style-type: decimal; text-align: justify;}
			div#body_Central div.content a {text-decoration: none;}
			div#body_Central div.content a:hover {text-decoration: underline;}
			div#body_Central div.content span.glossaire {border-bottom-style: dashed; border-bottom-width: 1px;}
			
		div#liste_SousCat {width: 501px; padding-top: 4px;}
			div#body_Central div#liste_SousCat a {text-decoration: underline; color: #CEBCA5;}
			div#body_Central div#liste_SousCat a:hover {text-decoration: underline;}
			div#body_Central div#liste_SousCat .marron a:hover {color: #CBA674;}
			div#body_Central div#liste_SousCat .vert a:hover {color: #b9d065;}
			div#body_Central div#liste_SousCat .orange a:hover {color: #e59b27;}
			div#body_Central div#liste_SousCat .rose a:hover {color: #ea69a0;}
			div#body_Central div#liste_SousCat .bleu a:hover {color: #7d99aa;}
			div#body_Central div#liste_SousCat .jaune a:hover {color: #dcdf72;}
		
			div#liste_SousCat div.block {width: 218px; float: left; padding-top: 8px; margin-bottom: 8px; height:130px;}
				div#liste_SousCat div.block H3 {font-size: 13px; color: #CBA674; background: transparent url(../images/common/puce-titre-bloc.gif) left top no-repeat; padding-left: 16px;}
				div#liste_SousCat div.block p {text-align: justify; color: white; margin-bottom: 8px;}
				
				div#body_Central div#liste_SousCat div.bouton a {text-align: right; display: block; text-decoration: none; padding-bottom: 3px;}
				div#body_Central div#liste_SousCat div.bouton span {display: block; margin-right: 5px; float: right;}
				div#body_Central div#liste_SousCat div.bouton img {display: block; float: right;}
				div#body_Central div#liste_SousCat .bleu div.bouton a {color: #7d99aa;}
				div#body_Central div#liste_SousCat .vert div.bouton a {color: #b9d065;}
				div#body_Central div#liste_SousCat .orange div.bouton a {color: #e59b27;}
				div#body_Central div#liste_SousCat .rose div.bouton a {color: #ea69a0;}
				div#body_Central div#liste_SousCat .bleu div.bouton a {color: #7d99aa;}
				div#body_Central div#liste_SousCat .jaune div.bouton a {color: #dcdf72;}
			
			div#liste_SousCat div.border {border-top: solid 1px #7D7D7D; margin-bottom: 8px}
			div#liste_SousCat div.spacer {margin-left: 65px;}
		
	div#body_Central div.right {width: 218px; min-height: 765px; margin-left: 16px; background-color: black;}

		div#body_Central div.right div#sous_Menu {background: transparent url(../images/common/titre-menu.jpg) left top no-repeat; width: 218px;}
			div#body_Central div.right div#sous_Menu div#titre-SousMenu {text-transform: uppercase; font-size: 13px; color: white; text-align: center; padding-top: 8px;}
			div#body_Central div.right div#sous_Menu div#titre-SousMenu p { background: transparent url(../images/common/puce-titre-block.gif) right top no-repeat;}
			
			div#body_Central div.right div#sous_Menu ul {list-style-type: none; display: block; padding: 0px 5px;}
			div#body_Central div.right div#sous_Menu li {border-bottom: 1px solid #535353; min-height: 18px;}
			div#body_Central div.right div#sous_Menu li.border_Top {border-top: 1px solid #CBA674;}
			div#body_Central div.right div#sous_Menu a {text-decoration: none; font-weight: bold; display: block; padding: 5px 0px 5px 5px;}
			div#body_Central div.right div#sous_Menu a:hover {text-decoration: none; font-weight: bold; color: white; background: transparent url(../images/common/menu-select.jpg) left top repeat-x; display: block; padding: 5px 0px 5px 5px;}
			div#body_Central div.right div#sous_Menu a.select {text-decoration: none; font-weight: bold; color: white; background: transparent url(../images/common/menu-select.jpg) left top repeat-x; display: block; padding: 5px 0px 5px 5px;}
			
			div#body_Central div.right div#sous_Menu div#locaux ul {list-style-type: none; display: block; padding: 0px 5px;}
			div#body_Central div.right div#sous_Menu div#locaux li {border: none; min-height: 18px; padding: 8px 0px 5px 5px;}
			div#body_Central div.right div#sous_Menu div#locaux	h3 {font-weight: normal; color: #CBA674; text-transform: uppercase;}	
			div#body_Central div.right div#sous_Menu div#locaux	.txtUp {text-transform: uppercase; padding-left: 15px;}	
			div#body_Central div.right div#sous_Menu div#locaux	.txtDown {padding-left: 15px;}	
			div#body_Central div.right div#sous_Menu div#locaux .blanc {color: white;}	
			div#body_Central div.right div#sous_Menu div#locaux .txtSpacer {border-bottom: 1px solid #CBA674; padding-bottom: 8px;}	
			
			div#body_Central div.right div#sous_Menu div#googleMaps	{text-align: center; border: 1px solid #434343; background-color: #1b1b1b; margin: 15px 5px 0; padding: 8px;}
			div#body_Central div.right div#sous_Menu div#googleMaps h3 {font-weight: bold; color: #CBA674; margin-bottom: 15px;}
			div#body_Central div.right div#sous_Menu div#googleMaps select {font: normal 12px Arial; width: 165px; height: 19px; margin-left: 10px;}
			div#body_Central div.right div#sous_Menu div#googleMaps input {margin-left: 5px;}
			
		div#body_Central div.right .marron a {color: #CBA674;}
		div#body_Central div.right .vert a{color: #b9d065;}
		div#body_Central div.right .orange a {color: #e59b27;}
		div#body_Central div.right div#sous_Menu .rose a {color: #ea69a0;}
		div#body_Central div.right .bleu a {color: #7d99aa;}
		div#body_Central div.right .jaune a {color: #dcdf72;}

			
		div#body_Central div.right div#actu {border: 1px solid #535353; background-color: #1b1b1b;margin: 30px 4px 4px 4px;}
			div#body_Central div.right div#actu div#titre_Actu {background: transparent url(../images/common/actualites.jpg) left top no-repeat; text-align: center; color: #CBA674; font-size: 13px; height: 29px; padding-top: 17px;}
			
			div#body_Central div.right div#actu form.actu {text-align: center;}
				div#body_Central div.right div#actu form.actu select {color: black; width: 171px;}
			
			div#body_Central div.right div#actu div#actu_Display {font-size: 10px; text-align: justify; color: white; padding: 10px 10px 0px 10px;}
				div#body_Central div.right div#actu div#actu_Display p {padding-bottom: 10px;}
				div#body_Central div.right div#actu div#actu_Display a {text-decoration: none; color: #CBA674;}
				div#body_Central div.right div#actu div#actu_Display a:hover {text-decoration: none; color: white;}
				div#body_Central div.right div#actu .loading {padding-top: 20px;margin-left:60px;padding-bottom:20px;}

div#body_Right {width: 214px; margin-left: 11px; float: left; padding-top: 20px;}
	
	div#body_Right div#recrutement {}

	div#body_Right div#offres {}

/***************************
  Bloc Site Kabia Lien Externe
***************************/
div#reseau-sites{width: 960px; margin-top: 15px;}
	div#reseau-sites h2 {text-transform:uppercase; text-align: center; font-size:12px; background-color: #535353; padding-top: 4px; padding-bottom: 3px;}
	div#reseau-sites ul {margin-left: 15px;}
		div#reseau-sites li {list-style-type:disc; color:#cba674; width: 165px; margin-left: 10px; min-height: 85px;  margin-top: 8px; margin-right: 14px; float: left;}
		div#reseau-sites li a {color:#B5B5B5; text-decoration:none; } 
		div#reseau-sites li a:hover {text-decoration:underline;} 
	div#reseau-sites p.info-site {font-size:10px;}

/***************************
  FOOTER
***************************/
div#footer {border-top: 1px solid #b5b5b5; width: 960px; margin-top: 20px;}
	div#footer a {color: #b5b5b5; text-decoration: none;}
	div#footer a:hover {color: #b5b5b5; text-decoration: underline;}

	div#footer div.menu_Footer {font-size: 10px; color: #b5b5b5; width: 192px; padding-top: 18px;}
		div#footer div.menu_Footer ul {padding-left: 30px;}
		div#footer div.menu_Footer li {list-style-type: disc;}
		div#footer div.menu_Footer h3 {text-transform: uppercase; text-align: left; margin-left: 15px;}
		
	div#footer div.foot_Marron {background-color: #CBA674; color: white; width: 345px; height: 22px; margin-top: 18px;}	
		div#footer div.foot_Marron span {display: block; padding: 5px 0px 0px 35px;}
			div#footer div.foot_Marron a {color: white; text-decoration: none;}
			div#footer div.foot_Marron a:hover {color: white; text-decoration: underline;}
	
	div#footer div.foot_Gris {background-color: #535353; color: #CBA674; width: 615px; height: 22px; margin-top: 18px;}
		div#footer div.foot_Gris span {display: block; float: right; padding-top: 5px;}
			div#footer div.foot_Gris a {color: white; text-decoration: none; padding: 0px 10px;}
			div#footer div.foot_Gris a:hover {color: white; text-decoration: underline;}

/***************************
  HOMEPAGE
***************************/

div.home-container {width: 960px;}
	div.home-container div.left {width: 174px; padding-right: 16px;background: url(../images/home/separateur.gif) repeat-y; background-position: right;float: left;min-height:460px;}
		div.home-container div.left div.container p {color: #fff; font-size: 11px; text-align: justify; padding-bottom: 5px; line-height: 13px;}
		div.home-container div.left div.edito {float:left;}
		div.home-container div.left div.rectangle {float: left; margin-left: 5px; padding-bottom: 15px;}
		div.home-container div.left div.container p span {color: #cba674; font-size: 11px; text-align: justify;}
	div.home-container div.center {width: 533px; float: left; text-align: left;}
		div.home-container div.center div.logo {float: left; width: 270px; height: 164px; margin-left: 33px; margin-top: 8px;}

div.home-carousel-container {margin-top:15px;background: url(../images/home/fond_dernier_realisations.jpg) no-repeat;  width:960px; height: 193px;}
	div.home-carousel-container h2 {color: #cba674; font-size: 11px; text-align: center; padding-top: 9px; text-transform: uppercase;}


div.home-carousel-containerlien {margin-top:15px;background: url(../images/home/fond_dernier_realisations.jpg) no-repeat center top; width:500px; height: 150px;}
	div.home-carousel-containerlien h2 {background-color: #000000;color: #cba674; font-size: 11px; text-align: center; padding-top: 9px; text-transform: uppercase;}

/***************************
  CONTACT
***************************/

/* div#partie-left-contact { float: left;} */
.h19px { height:19px; }
div#imagek img {float:left;}
.titre_contact {font-size: 17px; color:#cba674; text-transform: uppercase; border-bottom: 1px solid #cba674; }

/**TITLE REMPLISSEZ**/
div#remplissez p { color:#cba674; text-transform: uppercase; text-align: justify; font-size:13px; font-weight: bold; margin-top:10px; } 

/**CONTACT TELEPHONE-FAX ADDRESS**/
div#address, #label-contact {font-weight:bold; margin-top: 5px; width: 440px;}
	div#label-contact span { margin-right: 15px;}
	div#label-contact strong { text-transform: uppercase; color:#cba674; margin-right: 4px;}
	
	div#address {border-top: 1px solid #cba674; width: 461px; padding-top: 8px;}
	div#address strong { text-transform: uppercase; color:#cba674; margin-right: 4px;}
	div#address .suite_adr {font-weight: normal; display: block; margin-left: 90px;}
	
	.marge-address {margin-bottom: 30px;}
	.marge-address-error {margin-bottom: 5px;}
	
/**FORM**/
div#contact-form {width: 461px; height: 675px;  margin-left:40px;}

/**ERRORS&SUCCESS**/
div.contact-errors {text-align: center; font-size: 14px; background: #FF3333; margin-top: 10px; font-weight: bold; padding:5px;}
div.contact-success {text-align: center; font-size: 14px; background: #33AA33; margin-top: 10px; font-weight: bold; padding:5px;}

div.newsletter-errors {text-align: center; font-size: 14px; background: #FF3333; margin-top: 10px; font-weight: bold; padding:5px;}
div.newsletter-success {text-align: center; font-size: 14px; background: #33AA33; margin-top: 10px; font-weight: bold; padding:5px;}

div.errorForm {font-size: 9px; color:#FE483F; padding-top: 3px;}
div.errorDevis {margin-left: 250px;}

/**PARTIE FORMULAIRE GAUCHE**/
form#contact div#formleft {width: 214px; float:left; margin-top:21px; text-align:left;}
	form#contact div#formleft .elementForm {width: 214px; height: 28px; padding-bottom: 15px; color: #cba674;}
	form#contact div#formleft .elementForm .textForm {width: 70px; display: block; float: left;}
	form#contact div#formleft .elementForm input {width: 142px; color:#000000; font: normal 12px Arial; border: solid 1px black; height:18px;}
	form#contact div#formleft .elementForm select {width: 142px; font: normal 12px Arial; border: solid 1px black; height:18px;}
	form#contact div#formleft .elementForm select#object {width: 214px; font: normal 12px Arial; border: solid 1px black; height:18px;}

form#newsletter div#formleft {width: 234px; float:left; margin-top:21px; text-align:left;}
	form#newsletter div#formleft .elementForm {width: 234px; height: 28px; padding-bottom: 15px; color: #cba674;}
	form#newsletter div#formleft .elementForm .textForm {width: 70px; display: block; float: left;}
	form#newsletter div#formleft .elementForm input {width: 162px; color:#000000; font: normal 12px Arial; border: solid 1px black; height:18px;}
	form#newsletter div#formleft .elementForm select {width: 162px; font: normal 12px Arial; border: solid 1px black; height:18px;}
	form#newsletter div#formleft .elementForm select#object {width: 234px; font: normal 12px Arial; border: solid 1px black; height:18px;}

/**PARTIE FORMULAIRE DROITE**/
form#contact div#formrigth {width: 227px; float:left; margin-top:21px; text-align:left; margin-left: 19px;}
	form#contact div#formrigth .elementForm {width: 227px; height: 28px; padding-bottom: 15px; color: #cba674;}
	form#contact div#formrigth .elementForm .textForm {width: 72px; display: block; float:left; padding-left: 10px;}
	form#contact div#formrigth .elementForm input {width: 143px; color:#000000; font: normal 12px Arial; border: solid 1px black; height:18px;}
	form#contact div#formrigth div#renseignez {padding-bottom: 26px; padding-left: 10px;}

form#newsletter div#formrigth {width: 247px; float:left; margin-top:21px; text-align:left; margin-left: 19px;}
	form#newsletter div#formrigth .elementForm {width: 247px; height: 28px; padding-bottom: 15px; color: #cba674;}
	form#newsletter div#formrigth .elementForm .textForm {width: 72px; display: block; float:left; padding-left: 10px;}
	form#newsletter div#formrigth .elementForm input {width: 163px; color:#000000; font: normal 12px Arial; border: solid 1px black; height:18px;}
	form#newsletter div#formrigth div#renseignez {padding-bottom: 26px; padding-left: 10px;}

/**PARTIE FORMULAIRE BAS**/
form#contact div#formdown {width: 461px; height: 130px;}
form#contact div#formTextarea textarea {font: normal 11px Arial; border: solid 1px black; width: 459px; height: 150px; margin-top: 10px;}
form#contact div#formdown .errorForm {color:#FE483F; height: 20px; text-align: center;}
form#contact div#conditions { width: 461px; height: 35px; text-align: justify; font-size: 11px; padding-top: 10px;} 
	form#contact div#conditions a, div#conditions a:hover {color: white; text-decoration: underline;}
	
form#newsletter div#conditions { width: 501px; height: 35px; text-align: justify; font-size: 11px; padding-top: 10px;} 
	form#newsletter div#conditions a, div#conditions a:hover {color: white; text-decoration: underline;}
form#newsletter div#formdown {width: 501px; height: 130px;}

div#message  {text-align: justify;}
form#contact div#envoi, form#newsletter div#envoi { margin-top: 15px; text-align:right;}

div.captcha-container {border-top: 1px solid #CBA674; border-bottom: 1px solid #CBA674; min-height: 44px; padding: 10px 0px;}
div.captcha-container-error {border-top: 1px solid #CBA674; border-bottom: 1px solid #CBA674; min-height: 68px; padding: 10px 0px;}
div#captcha-text {float: left; width: 300px;}
	div#captcha-text p{font-size:10px; padding-left:10px; }
	div#captcha-text input {width: 150px; height:17px; color:#000000; margin-left: 25px; margin-top: 10px; margin-bottom:5px;}
	
/** page en erreur **/
div#main-error h2 {font-size: 16px; color: red;}
div#main-error p {margin-top: 8px;}
div#main-error li {margin-left: 20px;}
	div#main-error li a {color: #CBA674;}
	div#main-error li a:hover {color: #CBA674; text-decoration: underline;}


/***************************
  DEVIS
***************************/

div.devis {font-size: 12px;}
div.container-title { background: #cba674; font-size: 14px; color: white; text-align: center; }
form#devis-form div#envoi{ margin-top: 15px; text-align:right;}

div#upload { margin-top: 16px; margin-bottom: 22px; height: 90px;}
div#upload-devis { font-weight: bold; background: #C5C5C5 url(../images/common/bt-upload.png) repeat-x top left; text-align: justify; padding-left: 12px; padding-right: 12px; padding-top: 6px; height: 80px;}
	div#upload-devis p { color: #00a8e1; font-size: 12px; }
	div#upload-devis span { color: black; font-size: 12px; }

.upload-doc-devis {margin-left: 130px; padding-top: 8px;}
.upload-devis-img { background: url(../images/common/pictos/demande-devis-01.png) no-repeat top left; padding-left: 10px; height: 35px;}

#fileInput { padding-left: 110px; padding-top: 15px; }

.fileUploaderBtn { padding-left: 110px; padding-top: 15px;}
.fileUploadQueue {  padding-bottom: 5px; }
embed#fileInputUploader{ width: 215px; height: 30px; padding-left: 110px; }

#upload-result {color:#ea69a0; padding: 5px 0px;}

div.form-container {padding-bottom:10px;}
	div.form-container .element-form {padding-top: 15px;}
		div.form-container .element-form label {float:left; width:217px; color: #cba674;}
		div.form-container .element-form input {color: black; font: normal 11px Arial; width:280px; height: 15px;}
		div.form-container .element-form textarea {width:280px; color: black; font: normal 11px Arial;}
		div.form-container .element-form select {width:280px; color: black; font: normal 11px Arial;}

/**  PAGE ON RECRUTE  **/
div#postal-recrute img {float:left; padding-top: 3px;}

/**DIV FORMULAIRE recrute**/
div#text-recrute { padding-left: 48px; text-align: justify;}
div#text-recrute h2 { color:#cba674; font-size: 19px; font-weight:bold; text-align: left; text-transform: uppercase; padding-bottom: 2px; }
	div#text-recrute h2 span { text-transform: lowercase; font-weight: normal; font-size: 12px; }
div#info { border-bottom: #cba674 1px solid; border-top: #cba674 1px solid; margin-left: 48px; }
	div#info p { font-size: 11px; text-align: justify; }
div#recrute-form { }
	div#recrute-form .top { background: black; margin-top: 13px; padding-top: 18px; padding-bottom: 18px; }
	div#recrute-form .top p {font-size: 12px; float: left; padding-left: 45px; padding-top: 2px; padding-right: 40px;}
	div#recrute-form select#profils { width: 200px; }
	div#recrute-form .errorForm {color:#FE483F; font-size: 9px; padding-top: 3px;}
	.centre-left {  text-align: left; float: left; width: 160px; }
	.element-left { padding-top: 13px; }
	.element-recrute-left-title { color: #cba674; font-size: 11px; }
	.element-left input { height: 18px; width: 160px; color:#000000; border: solid 1px black;}
	.centre-right { text-align: left; padding-left: 180px; }
	.element-right { padding-top: 13px; }
	.element-recrute-right-title { font-size: 11px; text-transform: uppercase; }
	.element-right input { height: 18px; width: 320px; color:#000000; border: solid 1px black;}
	.element-right textarea {width: 320px; height: 110px; color:#000000; font: normal 11px Arial; border: solid 1px black;}
	.upload-cv { border: #cba674 1px solid; width: 160px; text-align: left; height: 30px; float: left; margin-top: 20px; }
		.upload-cv p{float: left; padding-left: 5px; padding-top: 8px; color: #cba674;}
		.upload-cv object {position:relative;top:-20px;width:160px;}
		.upload-cv .bt-recrute { border: #cba674 1px solid; left:135px;position:relative;top:-45px;}
	div#recrute-form div#envoi {margin-top: 23px; margin-left: 238px;}

.button-recrute { padding-top: 25px; padding-right: 5px; }

/**ERRORS**/
div#errors-recrute {background: #FF9F9F; border: 1px solid #FF0000; margin-top: 10px; font-weight: bold;}
div#errors-recrute p {color: #FE483F; text-align: center;}
		
/***************************
  BLOCS
***************************/

/** PROMO HOSTING **/
div.bloc_promo_rose { background: transparent url(../images/offres/french/promo-speciale-hebergement-rose.gif) no-repeat top left; width: 220px; height: 146px; padding: 48px 10px 10px; margin: 0px; float: left; }
div.bloc_promo_bleu { background: transparent url(../images/offres/french/promo-speciale-hebergement-bleu.gif) no-repeat top left; width: 220px; height: 146px; padding: 48px 10px 10px; margin: 0px; float: left; }

div.bloc_promo .bloc_title {font-size: 14px; font-weight: bold;}
	div.bloc_promo .bloc_content {margin-top: 6px;}
	div.bloc_promo .bloc_price {font-size: 14px; color: black; text-align: center; margin-top: 6px;}

div.bloc_offre_bleu {background: transparent url(../images/offres/french/promo-hebergement-bleu.gif) no-repeat top left; width: 220px; height: 190px; padding: 4px 10px 10px; margin: 0px; float: left; }
div.bloc_offre_marron {background: transparent url(../images/offres/french/promo-hebergement-marron.gif) no-repeat top left; width: 220px; height: 146px; padding: 48px 10px 10px; margin: 0px; float: left; }
div.bloc_offre_orange {background: transparent url(../images/offres/french/promo-hebergement-orange.gif) no-repeat top left; width: 220px; height: 146px; padding: 48px 10px 10px; margin: 0px; float: left; }
div.bloc_offre_rose {background: transparent url(../images/offres/french/promo-hebergement-rose.gif) no-repeat top left; width: 220px; height: 190px; padding: 4px 10px 10px; margin: 0px; float: left; }
div.bloc_offre_vert {background: transparent url(../images/offres/french/promo-hebergement-vert.gif) no-repeat top left; width: 220px; height: 146px; padding: 48px 10px 10px; margin: 0px; float: left; }

div.bloc_offre .bloc_title {font-size: 14px; font-weight: bold;}
	div.bloc_offre .bloc_header {font-size: 14px; font-weight: bold; margin-top: 6px;}
	div.bloc_offre .bloc_content {margin-top: 6px;}
	div.bloc_offre .bloc_price {font-size: 14px; color: black; text-align: center; margin-top: 6px;}

.separeBlocs {display: block; width: 20px; float: left;}

/** PORTFOLIO **/
div.realisation-spacer {margin-right:35px;}
div.realisation {background-color:black; border-color: black; border-style: solid; border-width: 6px; float:left; margin-bottom: 10px; width: 221px;}
	div.realisation div.titre {color:white; font-weight: bold; background: url(../images/common/bloc-header.jpg) repeat-x;text-transform:uppercase;height:24px;text-align:center;padding-top:5px;}
	div.realisation div.image img {width:220px;height:160px;}
	div.realisation div.texte {color: #CBA674;text-align:justify;padding-top: 5px;}
	div.realisation div.bouton {text-align:right;margin-top: 10px;}
		div.realisation div.bouton img {border: 1px solid #CBA674;}
		
div.realisation-pagination {font-size:12px; text-align:center; margin-top: 10px; border-top: 1px solid #CBA674; border-bottom: 1px solid #CBA674; padding: 10px 0px;}
	div.realisation-pagination .selected {color:black;background-color:#CBA674;padding:3px 4px;}
	div#body_Central div.realisation-pagination a {color:white;margin:0px 3px;}
	div#body_Central div.realisation-pagination a:hover {color:white;}
	div#body_Central div.realisation-pagination a:visited {color:white;}

div.realisation-detail {margin-bottom:20px;}
	div.realisation-detail div.left-container {float:left;width:220px;}
		div.realisation-detail div.left-container div.image img {width:220px;height:160px;border: 1px solid black;margin-bottom:15px;}
		div.realisation-detail div.left-container div.thumbnails img {border: 1px solid white; width: 100px; height: 75px;margin-bottom:10px;}
		div.realisation-detail div.left-container div.thumbnails img.right {margin-left: 10px;}
	div.realisation-detail div.right-container {float:left;width:260px;margin-left:10px;}
		div.realisation-detail div.right-container div.title {margin-bottom:15px; color:white; font-weight:bold; font-size:16px;}
		div.realisation-detail div.right-container div.description {text-align:justify;}
		div.realisation-detail div.right-container div.specs {padding: 10px 0px; border-top: 1px solid white; border-bottom: 1px solid white;margin: 15px 0px;}
			div.realisation-detail div.right-container div.specs img {margin: 3px;}
		div.realisation-detail div.right-container div.needs {color:#CBA674;text-align:justify;}

/** NEWSLETTER - ACCESS **/
div.news_accesClient {height: 187px;width: 214px;background-color: #313131;}
div.news_Home {width: 215px; float:left; background-color: transparent;background: url(../images/home/separateur.gif) repeat-y; background-position: right; }

	div.news_accesClient div#newsletter {width: 183px; padding-left: 16px; padding-top: 6px;}
		div.news_accesClient div#newsletter a.newsletter_On {display: block; background: url(../images/newsletter.gif) left top no-repeat; background-position: 0px 0px; width: 183px; height: 21px;}
		div.news_accesClient div#newsletter a.newsletter_Off {display: block; background: url(../images/newsletter.gif) no-repeat; background-position: 0px -20px; width: 183px; height: 21px;}

		div.news_accesClient div#newsletter form.news {text-align: center; display: block; height: 125px; padding-top: 4px;}
			div.news_accesClient div#newsletter form.news input {text-align: center; color: black; font-size: 10px; width: 175px; border: 1px solid #898989; height: 13px; margin-top: 4px;}
			div.news_accesClient div#newsletter form.news div.checkbox_News input {text-align: left; width: 15px;}
			div.news_accesClient div#newsletter form.news div.txt_Checkbox_News {color: #aaa; text-align: left; font-size: 10px; line-height: 11px; width: 155px; height: 35px; margin-top: 5px; margin-left: 8px; }
				div.news_accesClient div#newsletter form.news div.txt_Checkbox_News a {color: #aaa; text-decoration: none;}
				div.news_accesClient div#newsletter form.news div.txt_Checkbox_News a:hover{color: #aaa;  text-decoration: underline;}
			div.news_accesClient div#newsletter form.news div.valid_News input {border: none; width: 25px; height: 23px; margin-left: 20px; margin-top: 2px;}

	div.news_accesClient div#acces_Client {width: 183px; padding-left: 16px; padding-top: 6px;}
		div.news_accesClient div#acces_Client .client_On {display: block; background: url(../images/acces_client.gif) no-repeat; background-position: 0px 0px; width: 183px; height: 21px; }
		div.news_accesClient div#acces_Client .client_Off {display: block; background: url(../images/acces_client.gif) no-repeat; background-position:0px -20px; width: 183px; height: 21px; }

		div.news_accesClient div#acces_Client form.client {text-align: center; display: block; height: 125px; padding-top: 4px;}
			div.news_accesClient div#acces_Client form.client input {text-align: center; color: black; font-size: 10px; width: 175px; border: 1px solid #898989; height: 13px; margin-top: 4px;}
			div.news_accesClient div#acces_Client form.client div.txt_Client {color: #aaa; text-align: justify; font-size: 10px; line-height: 11px; width: 155px; height: 35px; margin-top: 5px; margin-left: 8px; }
				div.news_accesClient div#acces_Client form.client div.txt_Client a {color: #aaa; text-decoration: none;}
				div.news_accesClient div#acces_Client form.client div.txt_Client a:hover{color: #aaa;  text-decoration: underline;}
			div.news_accesClient div#acces_Client form.client div.valid_Client input {border: none; width: 25px; height: 23px; margin-left: 20px; margin-top: 2px;}
				
/** TABS **/
div#tprestations { width:180px; height: 22px; margin-top: 6px; }
div#tactualites { width:180px; height: 23px; margin-top: 6px; }	
.tabs_prestations_on {background: url(../images/home/tabs_prestations_on.gif) no-repeat;}
.tabs_actualites_on {background: url(../images/home/tabs_actualites_on.gif) no-repeat;}
.ui-tabs { padding: 0px; zoom: 1; margin-top: 25px;margin-left:15px; color: #fff;} 
.ui-tabs .ui-tabs-nav { list-style: none; position: relative;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: -1px 0; padding: 0; color: #fff; text-align: center;text-transform: uppercase;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-left: 1px solid #cba674; border-right: 1px solid #cba674; border-bottom: 1px solid #cba674; background: #000; height: 199px; width: 478px; padding-left: 5px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
div#tabs-content-prestations { height:198px; }
ul#paragraph li { list-style: none; background: url(../images/home/fleche.gif) no-repeat; color: #cba674; text-transform: uppercase; padding-bottom: 8px; padding-left: 30px; }
ul#paragraph a {color: #cba674;}
ul#paragraph p { color: #fff; text-align: justify; font-size: 11px;  padding-bottom: 8px; text-transform: lowercase; border-bottom: 1px solid #626262; padding-bottom: 8px st}   
div#tabs-content-actualites { height:198px;}

.jScrollPaneContainer { position: relative;overflow: hidden;z-index: 1;margin-left: 12px}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0;top: 0;height: 100%;}
.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;	/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
a.jScrollArrowUp {height: 23px;width: 22px;background: url(../images/home/arrow_top.jpg) no-repeat 0 -22px;}
a.jScrollArrowUp:hover {background-position: 0 0;}
a.jScrollArrowDown {height: 23px;width: 22px;background: url(../images/home/arrow_down.jpg) no-repeat 0 -22px;}
a.jScrollArrowDown:hover {background-position: 0 0;}

/** HOME FOCUS **/
div.focus-home-container {background: url(../images/home/focus.jpg) no-repeat; width: 214px; height: 251px; margin-top: 18px; color: #fff; font-size: 11px; text-align: justify;}
	div.focus-home-container h5 {color: #cba674; font-size: 11px; text-align: center; padding: 55px 17px 0px;}
	div.focus-home-container div {color: #fff; font-size: 11px; text-align: justify;  padding-left: 17px; padding-right: 17px;}
		div.focus-home-container div p {padding-top: 4px;}
		div.focus-home-container div a {text-decoration: none; color: #CEBCA5;}
		div.focus-home-container div a:hover {text-decoration: underline; color: #CEBCA5;}
		
/** FOCUS **/
div.focus-container {background-color: #535353; border: black 1px solid; margin-top: 10px;}
	div.focus-container h4 {background-color: #313131; color: #C9A472; text-align: center; margin-top: 1px; margin-left: 1px; font-size: 11px; padding-bottom: 5px; padding-top: 5px;}
	div.focus-container div {padding:15px;}
	div.focus-container div p { text-align: justify; font-size: 11px;}
	div.focus-container ul {padding-left: 20px;}
	div.focus-container li {list-style-type: disc;}
	div.focus-container a {color: #CBA674;}
	div.focus-container a:hover {color: #CBA674;}

/** DERNIERES REALISATIONS **/
#dernieres-realisations-right { background: url(../images/common/bg-dernieres-realisations.jpg) no-repeat top right; margin-top: 8px; text-align: center; width: 215px; }
#dernieres-realisations-right h2{ text-transform:uppercase;color: #cba674; font: Arial normal; font-size: 12px;  padding-top: 4px; }
.jcarousel-skin-tango-right .jcarousel-container-vertical { height: 310px; }
.jcarousel-skin-tango-right .jcarousel-clip-vertical { width: 145px; height: 170px; top: 50px; left: 33px; position: absolute; }
.jcarousel-skin-tango-right .jcarousel-item { width: 145px; height: 145px; border: #cba674 1px solid; }
.jcarousel-skin-tango-right .jcarousel-item-vertical { margin-bottom: 25px; }
.jcarousel-skin-tango-right .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango-right .jcarousel-next-vertical { margin-top: 180px; height: 22px; cursor: pointer; padding-left: 95px; background: transparent url(../images/common/bt-down.png) no-repeat 94px 0px; position: absolute; width: 21px; left: 0px; top: 70px; }
.jcarousel-skin-tango-right .jcarousel-next-vertical:hover { background-position: 94px -22px; width: 21px; }
.jcarousel-skin-tango-right .jcarousel-prev-vertical { margin-top: 15px; height: 22px; padding-left: 95px; margin-bottom: 15px;  cursor: pointer; background: transparent url(../images/common/bt-up.png) no-repeat 94px 0px; position: absolute; width: 21px; top: 0px; left: 0px; }
.jcarousel-skin-tango-right .jcarousel-prev-vertical:hover { background-position: 94px -22px; width: 21px; }
.titre-realisations { position: relative; bottom: 100px; }
.titre-realisations a{ font-size: 9px; color: white; }
.titre-realisations a:hover{ text-decoration: none; color: #cba674; }
.titre-realisations a:visited{ color: white; }
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1;overflow: hidden; position: relative;top: 0; left: 0;margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none;width: 75px; height: 75px;}
.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}
#dernieres-realisations-right a, #dernieres-realisations-right a:hover {font: normal Arial 11px; font-size: 11px; color: white;}

/** CAROUSEL INDEX **/
.jcarousel-skin-tango .jcarousel-container-horizontal {padding: 10px 40px 0; width: 860px; margin-left: 10px; height: 150px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {height: 180px; width: 855px;}
.jcarousel-skin-tango .jcarousel-item { width: 131px; height: 180px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 32px;margin-left: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 42%; right: 5px;width: 23px;height: 21px;cursor: pointer; background: transparent url(../images/home/arrow_right.jpg) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 42%;left: 5px;width: 23px;height: 21px;cursor: pointer;background: transparent url(../images/home/arrow_left.jpg) no-repeat 0 0;}
div.text_presentation {text-align:center;}
div.text_presentation a {color: #fff; text-transform: uppercase; font-size: 9px; text-decoration: underline; margin-left: 5px;}
img.border_carousel_on { border: 1px solid #cba674; width:150px;height:140px;}
img.border_carousel_off { border: 1px solid #626262; opacity:0.4;width:137px;height:128px;}

/**NEWSLETTER**/
form#contact div.newsletter div#formleft, form#contact div.newsletter div#formrigth { height:auto; }

/** LIGHT BOX **/

#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev {  left: 0;  float: left; }
#lightbox-nav-btnNext {  right: 0;  float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px;  color: #666;  }
#lightbox-container-image-data #lightbox-image-details {  width: 70%;  float: left;  text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;  clear: left;  padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px;  float: right; padding-bottom: 0.7em; }

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{ background-image: url(../images/jtip/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px; }
#JT_arrow_right{ background-image: url(../images/jtip/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; }
#JT { position: absolute; z-index:100; border: 2px solid #c20505; background-color: #fff; }
#JT_copy{ padding:10px 10px 10px 10px; color:#333333; }
.JT_loader{ background-image: url(../images/jtip/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
#JT_close_left{ background-color: #c20505; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_close_right{ background-color: #c20505; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold;}
#JT_copy p{ margin:3px 0; }
#JT_copy img{ padding: 1px; border: 1px solid #c20505; }
.jTip{ cursor:help; }