/* CSS Document */

body {
	margin:0pt auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url('images/bg_repeat.png');
  background-repeat: repeat-x;
  background-color: #6185b9;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li {
	margin:0; 
	padding:0;
	border:0px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:400;
	margin:14px 0 0 10px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
  margin-bottom: 12px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

a:active {color: #0044cc; text-decoration:underline; outline:none;}
a:link {color: #0044cc; text-decoration:underline; outline:none;}
a:visited {color: #0044cc; text-decoration:underline; outline:none;}
a:hover {color: #0044cc; text-decoration:underline; outline:none;}


/* #####################
		TEMPLATE
   #####################*/

#container { float: left; width: 960px;}
#columns {margin: auto;  width: 960px; }
#left_column {float: left; background-color: #5b82b8; color: #fff; width: 758px; background-image: url('images/banner.png'); background-repeat: no-repeat; height: 738px;}
#right_column {float: left; background-color: #354556; color: #fff; width: 202px; height: 738px; }


#header {height: 128px; padding-left: 24px; padding-top: 24px;}
#onglets {height: 27px; margin-left: 24px;}
#content {margin-top: -58px; margin-left: 24px;}


#articles {margin: auto;  width: 960px; padding-left: 48px;}
#articles h3 {background-color: #91a6c6; color: #13202e; text-transform: uppercase; font-size: 14px; padding: 6px 24px;}
#article1 h4, #article2 h4 {margin: 0px 24px; padding: 0;}
#articles p {margin-left: 12px; padding: 12px;}
#article1 {float: left; width: 462px; background-color: #9fb0c9;  margin-top: 12px; height: 250px; margin-bottom: 24px;}
#article2 {float: left; width: 462px; margin-left: 12px; background-color: #9fb0c9;  margin-top: 12px; height: 250px; margin-bottom: 24px;}

#Footer { width: 960px; text-align: center; margin: auto}

#Footer p {margin-bottom: 12px;}


#logo {float: left; width: 116px; height: 128px;}
#banner_text {float: left; width: 394px; height: 108px; padding-left: 50px; padding-top: 6px;font-size: 15px;}
#banner_text h1 {font-family: arial black; font-size: 15px; margin: 0;}


#main_article {background-color: #13202e; color: #fff; padding: 24px;}
#main_article p {margin-bottom: 12px;}

#images_main {background-color: #13202e; padding-left: 24px;}
#images_main_left {float: left; width: 310px;}
#images_main_right {float: left;}

.red_sousligne {color: #c52127; font-weight: bold; text-transform: uppercase; text-decoration: underline;}

#images_main a {color: #c52127}

#informez_vous {margin-left: 24px; padding: 24px 0px 48px 0px;}

#publiez_vos_coordonnees {
  margin-left: 24px;
  background-image: url('images/coordonnnees_bkg.png') ; 
  color: #fff; font-size: 17px; 
  font-weight: bold; 
  text-align: center;
  padding: 12px;
  width: 169px; 
  height: 109px;
  margin-bottom: 36px;
}

#affichez_produits {
  margin-left: 24px;
  background-color: #5c6d7f;

  padding: 6px;
  width: 181px; 
  height: 333px
}