/**** Mise en page CSS ****/


/* Global Settings */
body {
	background-color: #dedcdd;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.texte {
	color:#565555;
	font-size:75%;
	line-height:150%;
}

h1 {
	font-size:90%;
	font-weight:bold;
	padding: 10 0 3 0;
	margin-bottom:10px;
}

h1.solu { border-bottom:solid 1px #66B9E5; color:#008BD3; }
h1.prod { border-bottom:solid 1px #E4AD74; color:#FF6633; }
h1.soc { border-bottom:solid 1px #D1A3A3; color:#AA3344; }

h1.index {
	color: white;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	font-size: 100%;
}

h2 {
	font-size: 80%;
	font-weight: bold;
	padding: 0 0 8 0;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2.solu { color:#20ADB2; }
h2.prod { color:#CC6600; }
h2.soc { color:#996633; }

h2.index {
	text-align: right;
	font-weight: normal;
	font-size: 80%;
	border-bottom: 1px solid #cfb89c;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	margin-right: 15px;
	margin-left: 15px;
}

h2.index_solu { color: #ff6633; }
h2.index_prod { color: #008bd3; }

h3 {
	font-size:75%;
	font-weight:bold;
	color:#565555;
	padding: 0 0 8 0;
	margin-bottom: 2px;
	margin-top: 10px;
}

h3.index {
	color: black;
	font-weight: bold;
	font-size: 100%;
 	word-spacing: 0;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

h3.download_button {
	color: black;
	font-weight: bold;
	font-size: 100%;
 	word-spacing: 0;
	padding: 0px;
	margin: 7px 0px 5px 0px;
}

h4 {
	font-size:75%;
	font-weight:bold;
	color:#565555;
	padding: 0;
	margin: 0;
}

hr {
	clear: both;
	visibility: hidden;
}

.line {
	color: #999999;
	background-color: #999999;
	height: 1px;
	padding: 0px;
	margin: 0px;
	border: 0;
	visibility: visible;
}

.spacer { clear: both; }
.clear { clear: both; padding: 1px}

a {
	text-decoration : none;
	color:#996633;
}

a:visited { color : #690a00; }

a:hover {
	text-decoration : underline;
/* 	background-color : #e9cc54; */
}

.solu { color:#008BD3; }
.soc { color:#AA3344; }
.prod { color:#FF6633; }
.black { color:black; }

p { margin: 0px; padding: 0; padding-top: 5px; }

form { margin: 0px; padding: 0px; }

input { margin: 0px; margin-top: 0px; padding: 0px; }

/* Page Layout */
.page_background {
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	background-color: white;
}

.centre {
	margin: 0px;
	margin-top: 1em;
	margin-right: 22%;
	margin-left: 22%;
	min-height: 1200px;
}

.gauche {
  position: absolute;
  top: 9.5em;
  left: 1%;
  width: 180px;
}

.droite {
  position: absolute;
  top: 9.5em;
  right: 1%;
  width: 180px;
}

.zoom {
	background: url('images/picto_zoom.gif') no-repeat 0% 50%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 115px;
}

a.zoom {  text-decoration:none; background-color: transparent;  }
a.zoom:hover {  text-decoration:none; background-color: transparent;  }


.fil-ariane  {
	margin-left: 1%;
	margin-top: 1em;
	color: #715B36;
	font-size: 80%;
}
.fil-ariane a { color:#715B36; text-decoration:underline; background-color: transparent; }
.fil-ariane a:visited { color:#715B36; text-decoration:underline; background-color: transparent; }
.fil-ariane a:hover {  text-decoration:underline; background-color: transparent;  }

/* Page Top Layout */
.top {
	height: 105px;
	z-index: 2;
}

.logo {
	position: absolute;
	top: 9px;
	left: 10px;
}

.language { /* See Below for the Language drop-down Menu Layout */
	position: absolute;
	top: 0px;
	right: 10px;
	width: 500px;
	font-size: 80%;
}


.top-tools {
	position: absolute;
	top: 23px;
	right: 10px;
	text-align: right;
	line-height: 90%;
}

.top-tools_text {
	color:#5c4b2d;
	text-decoration:none;
	font-size: 80%;
}

input.recherche {
	width: 100px;
	border: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

.menu_background {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 100%;
	height: 25px;
	background: url(images/degrade_marron.gif) repeat;
}

/* Language Menu Layout */
#Regions {
	z-index:10;
	line-height: 150%;
	padding:15px 15px 5px 15px;
	right:0px;
	top:20px;
	position:absolute;
	border:solid 1px #777777;
	background-color:#eeeeee;
	visibility:hidden;
	font-size: 80%;
}

#TitreRegions {
	color: #725c36;
	border:solid #CFB89C;
	border-width:0 0 1px 0;
	padding-bottom:3px;
}

#openRegions {
	color:#5c4b2d;
	text-decoration:none;
}

#Regions a {
	color:#565555;
	text-decoration:none;
}

#Regions a:hover {
	text-decoration:underline;
	color:#444444;
}

/* Left Menu Layout */
h1.menu_title {
	padding: 5px;
	margin: 0px;
	color: white;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	border-bottom: none;
}

h2.menu_title {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 70%;
	text-align: left;
}

.background-solu {
	background-color:#73BFE7;
}

.background-soc {
	background-color:#D1A3A3;
}

.background-prod {
	background-color:#E4AD74;
}

.background-gen {
	background-color:#9D8D7C;
}

.cartouche-petit-titre-tr-solu { background:url('images/cartouche_titre_fond_tr_b.gif') no-repeat top right; }
.cartouche-petit-titre-bl-solu { background:url('images/cartouche_titre_fond_bl_b.gif') no-repeat bottom left; }
.cartouche-petit-titre-tl-solu { background:url('images/cartouche_titre_fond_tl_b.gif') no-repeat top left; }
.cartouche-petit-titre-tr-gen { background:url('images/cartouche_titre_fond_tr_g.gif') no-repeat top right; }
.cartouche-petit-titre-tl-gen { background:url('images/cartouche_titre_fond_tl_g.gif') no-repeat top left; }
.cartouche-petit-titre-bl-soc { background:url('images/cartouche_titre_fond_bl_r.gif') no-repeat bottom left; }
.cartouche-petit-titre-tr-soc { background:url('images/cartouche_titre_fond_tr_r.gif') no-repeat top right; }
.cartouche-petit-titre-tl-soc { background:url('images/cartouche_titre_fond_tl_r.gif') no-repeat top left; }
.cartouche-petit-titre-bl-prod { background:url('images/cartouche_titre_fond_bl_o.gif') no-repeat bottom left; }
.cartouche-petit-titre-tr-prod { background:url('images/cartouche_titre_fond_tr_o.gif') no-repeat top right; }
.cartouche-petit-titre-tl-prod { background:url('images/cartouche_titre_fond_tl_o.gif') no-repeat top left; }

.cartouche-petit-bl { background: url('images/cartouche_fond_bl.gif') no-repeat bottom left; }
.cartouche-petit-br { background: url('images/cartouche_fond_br.gif') no-repeat bottom right; min-height: 150px; }
.cartouche_petit_fond {background: url('images/cartouche_petit_fond.gif') repeat-x bottom white;}
.cartouche_petit_fond-solu { background: url('images/cartouche_petit_fond-b.gif') repeat-x bottom white; }
.cartouche_petit_fond-prod { background: url('images/cartouche_petit_fond-o.gif') repeat-x bottom white; }
.cartouche_petit_fond-soc { background: url('images/cartouche_petit_fond-r.gif') repeat-x bottom white; }
.cartouche_petit_fond-gen { background: url('images/cartouche_petit_fond-g.gif') repeat-x bottom white; }

.menu_left {
	margin-top:2px;
	padding-left:15px;
	font-size:70%;
	font-weight:bold;
	line-height:130%;
}

.menu_left a { text-decoration:none; background-color: transparent; }
.menu_left a:visited { text-decoration:none; background-color: transparent; }
.menu_left a:hover {  text-decoration:underline; background-color: transparent;  }

a.solu { color:#008BD3; }
a.solu:visited { color:#008BD3; }
a.soc { color:#AA3344; }
a.soc:visited { color:#AA3344; }
a.prod { color:#FF6633; }
a.prod:visited { color:#FF6633; }
a.black { color:black; }
a.black:visited { color:black; }

.menu_left_arrow_solu {
	background-image: url('images/blue_arrow.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.menu_left_arrow_prod {
	background-image: url('images/orange_arrow.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.menu_left_arrow_soc {
	background-image: url('images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.puce {
	padding: 0px;
	padding-left: 30px;
	padding-top: 4px;
	margin: 0px;
	font-size: 70%;
	font-weight: bold;
}

.puce a { text-decoration:none; background-color: transparent; }
.puce a:visited { text-decoration:none; background-color: transparent; }
.puce a:hover {  text-decoration:underline; background-color: transparent;  }

.puce-solu { list-style-image:url('images/solu_point.gif'); }
.puce-prod { list-style-image:url('images/prod_point.gif'); }
.puce-soc { list-style-image:url('images/soc_point.gif'); }

.liste {
	list-style-type: none;
	background-image: url('images/soc_point.gif');
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
	padding-left: 15px;
}

.menu_hr {
	border: 0px;
	visibility:visible;
	width: 150px;
	margin-right: 15px;
	margin-left: 15px;
}

.menu_hr-prod {
	border-bottom: 1px solid #CC6600;
}

.menu_hr-solu {
	border-bottom: 1px solid #20ADB2;
}
/* Bottom */

.bottom-separation {
	margin-top: 20px;
	margin-left: 3%;
	margin-right: 3%;
	background:#DDE1E8;
	height:10px;
}

.bottom {
	margin-top: 1em;
	margin-left: 4%;
	margin-right: 4%;
	font-size: 70%;
	text-align: center;
}

a.bottom_links {
	text-decoration: none;
	color: #663300;
}

.disclaimer {
	color: #999999;
	font-size: 80%;
	line-height: 2;
}

.fond_bottom {
	position: relative;
	width: 945px;
	background-color: #dedcdd;
}

/* Right Column Layout */
.cartouche-petit-titre-content {
	padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 80%;
	text-align:center;
}

.cartouche-petit-content-droite {
	width: 155px;
	min-height: 65px;
	padding: 10px 10px 5px 10px;
}

.cartouche_download_button a {
	padding: 2px;
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	color: #e2ddd8;
	background-color: #9d8d7c;
	border: 2px outset #c0c0c0;
	display: block;
}

.cartouche_download_button a:hover {
	border: 2px inset #c0c0c0;
	background-color: #9d8d7c;
	text-decoration: none;
}

p.download_text_title {
	font-weight: bold;
	margin-bottom: 3px;
}

/* Customer Page Layout */
.cartouche {
	padding-left: 10px;
	float: left;
}

.cartouche_half {
	width: 48%;
}

.customer-list {
	padding:0px;
	margin: 0px;
}

/* Index Page Layout */
.central_area {
	position: relative;
	margin-top: 10px;
}

.flash {
	position: relative;
	text-align: center;
	height: 165px;
	z-index: 1;
}

.background-image-0 {
	background: url(images/le_flash-0.png) no-repeat center;
	height:165px;
}

.background-image-1 {
	background: url(images/le_flash.png) no-repeat center;
	height:165px;
}

.background-image-2 {
	background: url(images/le_flash-2.png) no-repeat center;
	height:165px;
}

.background-image-3 {
	background: url(images/le_flash.png) no-repeat center;
	height:165px;
}

.background-image-4 {
	background: url(images/le_flash.png) no-repeat center;
	height:165px;
}

.cartouche {
	padding-left: 10px;
	float: left;
}

.cartouche_texte {
	color: #5d4b2c;
	font-weight: normal;
	font-size: 80%;
	text-align: left;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 1.2;
	word-spacing: -2;
}

.cartouche_content {
	width: 368px;
	padding: 0;
	min-height: 260px;
}

.index_arrow_solu {
	background-image: url('images/blue_arrow.gif');
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	padding-left: 20px;
	font-weight: bold;
}

/* définition des bordure pour les cartouches centrales */
.cartouche_bordure_bottom { background: url('images/cartouche_bordure.gif') repeat-x bottom; }
.cartouche_bordure_top	{background: url('images/cartouche_bordure.gif') repeat-x top; }
.cartouche_bordure_left {background: url('images/cartouche_bordure.gif') repeat-y left; }
.cartouche_bordure_right{background: url('images/cartouche_bordure.gif') repeat-y right; }
.cartouche_fond	{background: url('images/cartouche_fond.gif') repeat-x bottom white; }
.cartouche_bordure_top_left{background: url('images/cartouche_bordure_top_left.gif') no-repeat top left; }
.cartouche_bordure_top_right{background: url('images/cartouche_bordure_top_right.gif') no-repeat top right; }
.cartouche_bordure_bottom_right{background: url('images/cartouche_bordure_bottom_ri.gif') no-repeat bottom right; }
.cartouche_bordure_bottom_left{ background: url('images/cartouche_bordure_bottom_le.gif') no-repeat bottom left; }
/* fin */
/* définition des bordure pour la cartouche titre */
.cartouche_titre_bottom_left{ background: url('images/cartouche_titre_fond_bot_le.gif') no-repeat bottom left; }
.cartouche_titre_bottom_left_2{background: url('images/cartouche_titre_fond_bot_l2.gif') no-repeat bottom left; }
.cartouche_titre_top_right_2{background: url('images/cartouche_titre_fond_top_r2.gif') no-repeat top right; }
.cartouche_titre_top_right { background: url('images/cartouche_titre_fond_top_ri.gif') no-repeat top right; }
.cartouche_titre_right{ background: url('images/cartouche_bordure.gif') repeat-y right; }
.cartouche_titre_top  { background: url('images/cartouche_bordure.gif') repeat-x top; }
/* fin */

.cartouche_download {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	margin-left: 10px;
	float: left;
	width: 162px;
	font-size: 70%;
	border: 1px solid #cfb89c;
	min-height: 205px;
	background: url('images/cartouche_download_fond.gif') repeat-x bottom;
}

.cartouche_download_title {
	margin: 0px;
	margin-left: 10px;
	float: left;
	width: 159px;
	font-size: 90%;
	text-align: center;
	padding: 5px;
	background-color: #9d8d7c;
	color: #e2ddd8;
}

.index_download_button a {
	margin: 0px;
	margin-left: 10px;
	float: left;
	width: 161px;
	padding: 2px;
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	color: #e2ddd8;
	background-color: #9d8d7c;
	border: 2px outset #c0c0c0;
	display: block;
}

.index_download_button a:hover {
	border: 2px inset #c0c0c0;
	background-color: #9d8d7c;
	text-decoration: none;
}

.bottom_area {
	position: relative;
	margin: 10px;
	background-color: #dde1e8;
	width: 925px;
}

.bottom_area_box {
	background-color: #dde1e8;
	float: left;
	color: #183865;
	font-size: 75%;
}

.bottom_area_box_title {
	float: left;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 10px;
	line-height: 1;
	color: #663300;
	background-color: white;
	font-weight: bold;
}

.bottom_area_box_content {
	background-image: url(images/white_dot.gif);
	background-position: right;
	background-repeat: repeat-y;
	margin-top: 30px;
	margin-bottom: 15px;
	width: 373px;
	height: 200px;
}

.bottom_area_box_text {
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
}

.bottom_area_box_content_3 {
	margin-top: 45px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 5px;
	width: 150px;
	height: 200px;
}

.bottom_area_title {
	color: black;
	font-weight: bold;
	line-height: 1.6;
	margin-left: 0px;
}

.bottom_area_date {
	font-weight: bold;
	margin-left: 0px;
}

.bottom_area_segment {
	color: black;
	font-weight: bold;
	line-height: 1.6;
}

ul.puce_bottom {
	margin: 0;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0;
}

li.puce_bottom_item {
	margin-top: 2px;
}

.bottom-separation {
	position: relative;
	text-align: center;	
	width: 905px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background:#DDE1E8;
	height:10px;
}

.bottom {
	position: relative;
	margin: 10px;
	width: 925px;
	text-align: center;
	font-size: 70%;
}

a.bottom_links {
	text-decoration: none;
	color: #663300;
}

/* Alignement centré des captures */

.conteneur { text-align: center; }

/* Gestion des formulaires en erreur */

.error, td.error {color:#dd0000}
input.error, textarea.error{color:#550000;background-color:#ffe0e0}