/* CSS Document */

/* Reset ............................................................................................... */
body, p, ul, li, ol, h1, h2, h3, h4, table, tr, td {margin:0; padding:0;}
a img {border:0;}


/* Tag styling ......................................................................................... */
html {}
body {font-family:Arial, Helvetica, sans-serif; color:#000; background:url(/images/bg_site_carreaux_repeat.jpg) repeat 0 0;}
a {color:#000; text-decoration:underline;}
	a:hover {color:#000;}
h1 {padding:0; margin:0;}
h2 {font-size:14px; font-weight:bold; color:#0d4985; text-transform:uppercase; border-bottom:2px solid #ebebeb; padding:0; margin:0; padding-bottom:1px; margin-bottom:10px;}
p {font-size:12px; line-height:16px;}


/* Div du frame des pages ............................................................................... */
.div_wrapper_imagefond {width:100%; background:url(/images/bg_site_carreaux.jpg) repeat-x 0 0; height:790px;}
.wrapper_960 {width:960px; margin:0 auto;}
	.logo_div {position:absolute;}
	
	.wrapper_sections {padding-top:31px; border-bottom:1px solid #303030;}
	.section_gauche {float:left; display:inline; width:240px; padding-top:50px; /* IE6 */ _margin-right:-3px; }
		.top_menu_img {background:url(/images/bg_menu.gif) no-repeat 0 0; width:240px; height:58px;}
	
	.section_droite {background:#fff url(/images/bg_sectiongauche.gif) repeat-y 0 0; padding-left:240px; /* IE6 */ padding-left:237px;}
		.banniere {min-height:260px;}
		.img_banniere {border-bottom:6px solid #4586be;}
		.texte_page {padding:16px 23px; border-right:1px solid #303030; background:#fff url(/images/bg_contenu.gif) repeat-x 0 0; overflow:hidden; min-height:340px;}
			.col-left {float:left; width:385px; margin-right:20px;}
			.col-right {float:left; width:262px;}
			
	.footer {clear:both; text-align:center;}


/* Style texte des div ................................................................................. */
.texte_page p {padding:8px 0;}
.footer p {font-size:11px; color:#becfde; padding:8px 0;}
.texte_page ul {list-style:none; font-size:12px; line-height:16px; margin-top:10px;}
	.texte_page li {background:url(/images/li_fleche.gif) no-repeat 0 50%; padding-left:15px;}


/* Menu ................................................................................................ */
.ul_menu {list-style:none; font-size:13px; color:#333; padding:0 22px; margin-top:30px;}
	.ul_menu li {}
	.ul_menu a {text-decoration:none; color:#4a4a4a; font-weight:bold; display:block; overflow:hidden; line-height:30px; padding-left:58px; margin:4px 0;}
	.ul_menu a:hover, .ul_menu a.selected {color:#4673b4;}
	.ul_menu .separation {background:url(/images/menu_separation.gif) no-repeat 0 0; height:3px; overflow:hidden; width:193px;}
	
	.ul_menu .accueil a {background:url(/images/icon_accueil.gif) no-repeat 7px 1px;}
	.ul_menu .accueil a:hover, .ul_menu .accueil a.selected {background-position:7px -39px;}
	.ul_menu .services a {background:url(/images/icon_services.gif) no-repeat 8px 1px;}
	.ul_menu .services a:hover, .ul_menu .services a.selected {background-position:8px -39px;}
	.ul_menu .produits a {background:url(/images/icon_produits.gif) no-repeat 5px 1px;}
	.ul_menu .produits a:hover, .ul_menu .produits a.selected {background-position:5px -39px;}
	.ul_menu .clients a {background:url(/images/icon_clients.gif) no-repeat 7px 3px;}
	.ul_menu .clients a:hover, .ul_menu .clients a.selected {background-position:7px -37px;}
	.ul_menu .projets a {background:url(/images/icon_projets.gif) no-repeat 7px 0;}
	.ul_menu .projets a:hover, .ul_menu .projets a.selected {background-position:7px -40px;}
	.ul_menu .carrieres a {background:url(/images/icon_carrieres.gif) no-repeat 5px 1px;}
	.ul_menu .carrieres a:hover, .ul_menu .carrieres a.selected {background-position:5px -39px;}
	.ul_menu .contact a {background:url(/images/icon_contact.gif) no-repeat 5px 1px;}
	.ul_menu .contact a:hover, .ul_menu .contact a.selected {background-position:5px -39px;}
	
	/*.ul_menu .langue a {color:#a5a5a5;}
	.ul_menu .langue a:hover {color:#4673b4;}*/
	.ul_menu .langue a {color:#4a4a4a;}
	.ul_menu .langue a:hover {color:#4673b4;}

	/* Fix IE. */
	.ul_menu li {*float:left; *height:1%;}
	.ul_menu li a {*height:1%; *width:130px;}


/* Boite ISO ............................................................................................ */
/*.isobox {background:#ebebeb url(/images/iso_bg.gif) repeat-x 0 0; color:#4a4a4a; font-weight:bold; margin:0 22px; border:1px solid #d4d4d4;}
	/*.isobox p {background:url(/images/iso_logo.gif) no-repeat 0 0; margin-left:13px; padding-left:67px; padding-top:12px; padding-bottom:11px;}
	.isobox_isotext {color:#0d4985; font-weight:bold;}*/

.isoboxfr {background:#ebebeb url(/images/iso_bg.gif) repeat-x 0 0; color:#4a4a4a; font-weight:bold; margin:0 22px; border:1px solid #d4d4d4; height:55px;}
	.isoboxfr p {background:url(/images/isofra.png) no-repeat 0 0; width:153px; height:43px; margin:5px 15px; display:block;}

.isoboxen {background:#ebebeb url(/images/iso_bg.gif) repeat-x 0 0; color:#4a4a4a; font-weight:bold; margin:0 22px; border:1px solid #d4d4d4; height:55px;}
	.isoboxen p {background:url(/images/isoang.png) no-repeat 0 0; width:154px; height:43px; margin:5px 14px; display:block;}

/* Colonne d'images a droite ............................................................................ */
.colonne_images {float:right; margin-top:10px; padding-left:30px;}
	.colonne_images p {padding:0; margin-bottom:10px;}


/* Boite ou il y a du texte et des images ............................................................... */
.boite_image_et_texte {clear:both; margin-bottom:20px; _width:650px; _clear:none;}
	.boite_image_et_texte h2 {font-size:12px; margin-bottom:0;}
	.boite_image_et_texte h2, .boite_image_et_texte p {margin-left:170px;}
.image_floatleft {float:left; margin-bottom:20px;}

	
/* Form ................................................................................................. */
.form-style {margin-top:10px;}
	.form-style p {padding:3px 0;}
label {float:left; padding-right:10px; text-align:right; width:150px; margin-top:3px;}
.form-input, .form-input-small, .form-textarea {background:#fff url(/images/form-input-bg.gif) repeat-x 0 0; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:200px; padding:3px;}
.form-input-small {width:100px;}
.form-textarea {height:100px;}
.form-obligatoire {padding-left:110px; font-size:10px; color:#a3a3a3; float:left;}
.form-button {color:#fff; font-weight:bold; background-color:#0d4985; border:1px solid #000; padding:3px 20px; cursor:pointer; float:right; margin-right:17px;}
	.form-button:hover {color:#0d4985;background-color:#fff;}


/* Tables ............................................................................................... */
.table_list {font-size:11px; line-height:11px; border-collapse:collapse; margin-top:10px; width:656px;}
	.table_list th {background-color:#0d4985; color:#fff; text-align:left; padding:7px 6px;}
	.table_list td {background-color:#e6ecf2; padding:7px 6px; border-top:1px solid #fff; vertical-align:top;}
	.table_list td.odd {background-color:#dbe4ec;}
	a.icon_pdf {background:url(/images/icon_pdf.png) no-repeat 0 0; display:block; height:17px; overflow:hidden; text-indent:-99999px;}
		a.icon_pdf:hover {background-position:0 -17px;}


/* Page contact ........................................................................................... */
.company_address {background:#fff url(/images/bg_contact_hydro.gif) repeat-x 0 0; padding:15px 20px; margin-bottom:20px;}
	.company_address h2 {border:none; color:#000; font-size:22px; font-weight:bold; text-transform:none;}
.google-map img {border:2px solid #ccc; margin-bottom:10px;}


/* CSS pour le Flash ...................................................................................... */
.div_wrapper_imagefond_2 {width:100%; background:#fff url(/images/bg_site_carreaux_2.jpg) repeat-x 0 100px; height:610px;}
.wrapper_600 {width:590px; margin:0 auto; padding-top:90px;}


/* Classes autres .......................................................................................... */
.clear {clear:both;}
.img_border {border:3px solid #b5bfc7;}