/* on met tout à zéro pour  */
/* * {margin:0;padding:0;} */

p, div, span, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form { margin:0; padding:0; }
/****** Titres */
h1,#Container #SubContainer #Content h1 {text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color:#0099CC;padding:20px 0 0 20px;margin:0;}
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
/****** Fin Titres*/

hr { color: #ffffff; background-color: #ffffff; width:20px; height:1px; margin:0;/*bug ie et marge top et bottom incompressible sur hr de 7px on enleve donc 7px ahh sacré bill*/ _margin: -7px 0 -7px 0; padding:0; border:0; display:block; }
body { margin: 0; /* pour éviter les marges */ text-align: left; background-color: #DBE1E1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-image: url(../img/bg_page.jpg); background-repeat: repeat-x; }
.left { float:left; }
.right { float:right; }
td, ul, li, img { margin: 0; margin: 0; /* pour éviter les marges */ }
ul, li { list-style-type: none; }
ul { margin-bottom:15px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
/* -----------Structure du gabarit-------------------- */
#Container { width:874px; margin: auto; padding:0; text-align: left; /* on rétablit l'alignement normal du texte */ position: relative; background-image: url(../img/bg_container1.jpg); background-repeat: repeat-y; background-color:#FFFFFF; }
/*effet gauche et droit */
#bg_left, #bg_right { width:10px; }
#bg_left { float:left; background-image: url(../img/bg_left.jpg); background-repeat: no-repeat; }
#bg_right { float:right; background-image: url(../img/bg_right.jpg); background-repeat: no-repeat; }
/*menu nav*/

#menu { float:left; width:854px; height: 30px; }
#menu a { float: left; background-position: top; height: 30px; }
#menu a:hover { background-position: center; }
#menu a:active, #menu a.active, #menu a.active:hover { background-position: bottom; }
#menu a em { display: none; }
#menu1 { width: 101px; background-image: url(../img/bt_entreprise.gif); background-repeat: no-repeat; }
#menu_peinture { width: 70px; background-image: url(../img/bt_peinture.gif); background-repeat: no-repeat; }
#menu_revetements { width: 92px; background-image: url(../img/bt_revetements.gif); background-repeat: no-repeat; }
#menu_beton_cire { width: 83px; background-image: url(../img/bt_beton_cire.gif); background-repeat: no-repeat; }
#menu_agencement { width: 92px; background-image: url(../img/bt_agencement.gif); background-repeat: no-repeat; }
#menu7 { width: 132px; background-image: url(../img/bt_coeurs.gif); background-repeat: no-repeat; }
#menu_realisations { width: 92px; background-image: url(../img/bt_realisations.gif); background-repeat: no-repeat; }
#menu_contact { width: 70px; background-image: url(../img/bt_contact.gif); background-repeat: no-repeat; }
/*contenu*/
#SubContainer { float:left; width:854px; background-image: url(../img/bg_container.jpg); background-repeat: repeat-x; height:100%; padding-bottom:30px; }
#col_left { padding-top:10px; float:left; }
#col_middle { width:355px; float:left; padding:55px 22px 10px 0px; }
/* si besoin de colonne de droite#col_right{margin-left:700px;width:150px;}*/


/*corrections marges pour ie 6*/
* html #col_middle { width:355px; margin-right:0; padding:55px 22px 10px 0px; }
/*corrections marges pour ie 7*/
*+ html #col_middle { width:355px; padding:55px 22px 10px 0px; }
/*edito*/


#col_left #edito { width: 400px; padding-left:20px; padding-right:37px; padding-top:20px; padding-bottom:15px; margin:0; background-image: url(../img/bg_edito.jpg); background-repeat: no-repeat; }
#edito h1,#edito h2 { margin-top:3px; color:#0099CC; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; padding-left:0;}
#Container #SubContainer #Content #col_left #edito h3 { font-family: Arial, Helvetica, sans-serif; color:#666666; ; font-size: 12px; font-weight: bold; }
/*menu left*/

/* conteneur global et arrière-plan */

/*--*/


#col_left #menu li { background-image: url(../images/bg_bt_menu.gif); background-repeat: no-repeat; background-position: bottom; }
#col_left #menu li a, #col_left #menu li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:25px; color: #ffffff; text-decoration:none; display:block; font-weight: bold; padding : 0px 15px 0px 18px; }
#col_left #menu li a:hover { background-color:#a394cf; }
#col_left #menu li.sublevel ul { padding-top:5px; }
#col_left #menu li li { padding:1px 0 3px 9px; margin:0; font-size:11px; font-weight:normal; line-height:13px; }
#col_left #menu li li a { font-size:11px; font-weight:normal; line-height:13px; }
#col_left #menu #bloc_menu .sublevel a, #col_left #menu #bloc_menu .sublevel li.on a { color:#FFFFFF; }
#col_left #menu #bloc_menu .sublevel li a { color:#000000; }
#col_left #menu div#bloc_menu {/* arrière-plan bas et sur l'ensemble */ padding-bottom: 10px; }
.txt_intro { padding : 0 0 0 15px; }
/*------Fin de menu left-----*/


	/*couleur du menu de gauche*/
#col_left #menu li.sublevel { background-color:#18a1df; color:#FFFFFF; font-weight:bold; background-image: url(../img/pages/menu/fl_menu_bleu.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-top:4px; }
/*----------------------*/



#diaporama { width:345px; float:right; padding-top:0px; }
#Content_push { padding:0 0 0 10px; margin:0; width:392px; }
#Content_push .Push_bloc { clear:left; float:left; width:392px; height:137px; background-image: url(../images/hr_home.jpg); background-repeat: no-repeat; background-position: bottom; }
#Content_push .Push_bloc img { float:left; }
#Container #SubContainer #Content #col_middle #Content_push .Push_bloc div { margin-left:150px; }
#Content_push .Push_bloc h2 { color:#5438a6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#Content_push .Push_bloc p, #Content_push .Push_bloc p a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; }
#Content_push .Push_bloc p { margin-bottom:5px; }
#Content_push hr { height:1px; margin: 0 0 0 0; border:0; }
/*corrections marges pour ie 6*/
* html #Content_push hr { margin: -10px 0 -5px 0; }
/*corrections marges pour ie 7*/
*+ html #Content_push hr { margin: -9px 0 -5px 0; }
/*** break */
.clear { clear: both; display: block; height: 1px; margin-top:-1px; }
/*** fin break */
/*** break */
.clearFlow { clear: both; }
/*** fin break */





/*formulaires*/



#KT_tngerror { color:#FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #FF0000; padding: 10px; margin-bottom:20px; margin-top:20px; background-color: #FFFDE5; }
.KT_field_error { color:#FF0000; }
.KT_tngtable .tabrow { background-color:#f5f5f5; }
.KT_tngtable .KT_title { border-right-width: 1px; border-right-style: solid; border-right-color: #858585; }
.KT_tngtable { padding-top:50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; }
.KT_buttons td { padding-top:20px; border: 1px solid #ffffff; }
/* Active Form Elements :font-sizes */
	.KT_tngtable input, .KT_tngtable select { font-size: 10px; }
.KT_tngtable textarea { font-size: 12px; }
/* Special items : error containers, field hints, required table cell  */
	.KT_field_error { color: #cc0000; }
.KT_field_hint { color:#333333; font-size: 10px; }
.KT_tngtable td.KT_required { }
/* span containing the "*" for required field labels */
	.KT_tngtable label span.KT_required { padding: 0 2px; color: #cc0000; font-family: Courier New, Courier, monospace; font-weight: normal; }
/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label { color:#cc0000; }
/* How the input's container (TD) should change on error */
	.form_validation_field_error_container { /* border: 2px solid black; */
	}
/* How the input textfield should change on error */
	.form_validation_field_error_text { border:2px solid #cccccc; }
/* The actial error message style */
	.form_validation_field_error_error_message { color:#cc0000; float:left; }
form.form_validation_form_error table { /*border: 2px solid red;*/
	}
/* The server-side error displaying */
/* topmost error div */
#KT_tngerror { padding: 5px 10px 5px 50px; margin:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #CC0000; font-size: 12px; border:1px solid red; background-color:#FFFFE4; background-image:url(images/error.gif); background-repeat:no-repeat; background-position:left; }
/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace { padding: 5px 10px 5px 5px; margin:5px; border:1px solid black; font-family:Courier, sans-serif; font-size: 12px; background-color:#FAFAFA; }
/* alignment and borders for the form submit buttons */
	#KT_tngdeverror #KT_needhelp { text-align: right; }
#KT_tngdeverror label, #KT_tngtrace label { display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#KT_tngtrace ul { padding-left:10px; margin-left:10px; }
#KT_tngtrace_details { display: none; }
#KT_tngwarning { padding: 10px 10px 10px 50px; margin:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #0000CC; font-size: 12px; border:1px solid blue; background-color:#E4FFFF; background-image:url(images/warning.gif); background-repeat:no-repeat; background-position:left; }
/*Listes*/

.KT_row_order { background-color:#cccccc; height:21px; }
.KT_row_order th { background-color:#cccccc; height:21px; padding-left:6px; border-right-width: 1px; border-right-style: solid; border-right-color: #858585; }
.KT_row_order a { text-decoration:none; color:#666666; font-weight: bold; font-size:10px; line-height:23px; }
.KT_options a { text-decoration:none; color:#333333; font-weight: bold; font-size:10px; line-height:23px; }
.KT_options a:hover { text-decoration:underline; color:#666666; }
.KT_tnglist #form1 .KT_options { text-align:left; }
/*pages */

#illus_contact { position:absolute; left: 393px; top:260px; }
/*menu top*/

#Container #SubContainer #actu,#Container #SubContainer #actu2,#Container #SubContainer #actu3 { /*
	-moz-opacity:.97;
	filter:alpha(opacity=97);
	opacity:.97;
	*/
	visibility: hidden; background-color: #fbfbfb; layer-background-color: #003063; padding:0px 0 10px 0; color:#000000; border: 1px solid #b2b2b2; z-index:10; background-image: url(../img/bg_ssmenu.gif); background-repeat: repeat-x; }
#Container #SubContainer #actu, #Container #SubContainer #actu2, #Container #SubContainer #actu3 { position: absolute; left: 10px; top: 134px; width: 400px; padding:5px 5px 5px 15px; }
#actu img, #sections img, #sites img { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
#Container #SubContainer #actu li, #Container #SubContainer #actu2 li, #sections li, #sites li { float:left; display:inline; width:145px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#Container #SubContainer #actu a, #Container #SubContainer #actu2 a, #sections a, #sites a { display:block; color:#3399CC; line-height:20px; padding-left:5px; text-decoration:none; }
#Container #SubContainer #actu a:hover, #sections a:hover, #sites a:hover,
#Container #SubContainer #actu2 a:hover{ background-color:#60adde; color:#FFFFFF; }
#Container #SubContainer #actu div h1, #Container #SubContainer #actu2 div h1 { font-size:13px; color:#0099CC; font-weight:bold; text-transform: uppercase; }
.exergue { width:325px; float:right; background-image: url(../img/bg_ssmenu.gif); background-repeat: repeat-x; padding: 10px; margin: 25px 0 0 0; border: 1px solid #DAE0E0; }
.exergue a { color:#0099CC; text-decoration:none; }
.exergue a:hover { color:#0099CC; text-decoration:underline; }
.gallist { padding:10px 0; }
.gallist h1 { font-size:16px; }
.gallist p { padding-bottom:15px; }
/*page portfolio*/

#Container #SubContainer #Content #pf_multiBox1 a img { padding:3px; border: 1px solid #999; }
#Container #SubContainer #Content #col_left #edito #pf_multiBox1 .gallist h2 { color:#0099CC; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; }
#Container #SubContainer #Content #pf_multiBox1 a { margin :3px; }
#Container #SubContainer #Content #pf_multiBox1 a:hover img { padding:3px; border: 1px solid #64AFD3; background-color: #64AFD3; }