/* CSS Document par Kler ROGER
pour Alretelecom
Copyright 2009 (c) Eloka.fr */

* {
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	background:#e1e1e1;
	text-align:center;
}
.top-tail {
	background:url(images/top-tail.gif) top repeat-x #fff;
}
.bot-tail {
	background:url(images/bot-tail.gif) bottom repeat-x;
}
img {
	vertical-align:top;
}
a img {
	border:0;
}
ul {
	list-style:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;
	line-height:1.385em;
	color:#6c6b69;
}
input, select {
	vertical-align:middle;
	font-weight:normal;
}
a {
	color:#6c6b69;
	outline:none;
}
a:hover {
	text-decoration:none;
}
p {
	padding-top:18px;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:2.307em;
	color:#2f2c29;
	font-weight:normal;
	padding-bottom:40px;
}
h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.923em;
	color:#2f2c29;
	font-weight:normal;
}
h5 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.769em;
	padding:11px 0 5px 0;
	font-weight:normal;
	color:#2f2c29;
	line-height:0.957em;
	border-bottom:solid 2px #d3d2d1;
	margin-bottom:13px;
}
strong {
	color:#423e3a;
}
cite {
	display:block;
	font-size:1.154em;
	color:#e06120;
	padding-left:9px;
	margin-right:-5px;
}
/* ============================= main layout ====================== */
.imgindent {
	margin:0 28px 0 0;
	float:left;
}
.phone {
	float:right;
	padding-right:102px;
}
.space1 {
	margin-left:45px;
}
.space2 {
	margin-left:78px;
}
.margin1 {
	margin-top:2px !important;
}
.margin2 {
	margin-top:10px;
}
.margin3 {
	margin-top:30px !important;
}
.padding1 {
	padding-top:28px;
}
.padding2 {
	padding-top:58px;
}
.padding3 {
	padding-top:12px;
}
.padding4 {
	padding-top:20px;
}
/* ============================= header ====================== */
#header .top {
	width:100%;
	overflow:hidden;
	height:104px;
}
#header .slogan {
	float:right;
	padding:48px 0px 0 0;
}
#header .logo {
	padding:10px 0 0 8px;
}
#header object {
	vertical-align:top;
}
#header .menu {
	margin-right:-1px;
}
/* ============================= content ====================== */
#content {
	padding:51px 0 46px 26px;
}
.column-2 {
	margin-left:80px;
}
.indent1 {
	padding:0 0 0 35px;
}
.indent2 {
	padding:0 20px 0 35px;
}
.link {
	display:block;
	float:right;
	width:82px;
	background:url(images/link-bg.gif) no-repeat 0 0;
	text-align:center;
	color:#e06120;
	text-decoration:none;
	display:inline-block;
	padding:4px 0 6px 0;
	margin:17px 8px 0 0;
}
.link:hover {
	color:#6c6b69;
}
.link1 {
	color:#e06120;
}
.box .left-top {
	background:url(images/box-corner-left-top.png) top left no-repeat;
	width:100%;
}
.box .right-top {
	background:url(images/box-corner-right-top.png) top right no-repeat;
	padding:0 10px;
}
.box .top-tail {
	background:url(images/box-top-tail.png) top repeat-x;
	height:10px;
	font-size:1px;
	line-height:1px;
}
.box .left-bot {
	background:url(images/box-corner-left-bot.png) top left no-repeat;
	width:100%;
}
.box .right-bot {
	background:url(images/box-corner-right-bot.png) bottom right no-repeat;
	padding:0 10px;
}
.box .bot-tail {
	background:url(images/box-bot-tail.png) top repeat-x;
	height:10px;
	font-size:1px;
	line-height:1px;
}
.extra .right-bot {
	background:url(images/box-corner-right-bot-extra.png) bottom right no-repeat;
	padding:0 66px 0 10px;
}
.extra .bot-tail {
	height:40px;
}
.box .left-tail {
	background:url(images/box-left-tail.png) left repeat-y;
}
.box .right-tail {
	background:url(images/box-right-tail.png) right repeat-y;
	padding:0 3px 0 5px;
}
.box .bg {
	background:#fff;
	width:100%;
}
.box .indent {
	padding:10px 23px 24px 27px;
}
.box .title {
	padding:0 0 23px 85px;
}
.box h3 {
	padding:13px 0 9px 0;
	border-bottom:solid 2px #e6e5e4;
	margin:0 0 13px 0;
}
.box .link {
	background:none;
	padding:0;
	margin:7px 0 0 0;
	width:auto;
	color:#78ad05;
	text-decoration:underline;
}
.box .link:hover {
	text-decoration:none;
}
.box .author {
	font-style:italic;
	text-align:right;
	color:#423e3a;
	padding-top:19px;
}
.box p {
	padding-top:20px;
}
.list {
	margin:-4px 0 -4px 5px;
}
.list li {
	font-size:1.077em;
	line-height:1.857em;
	background:url(images/list-marker.gif) no-repeat 0 6px;
	padding-left:40px;
}
.list .last {
	background:none;
}
.list .last a {
	color:#e06120;
	text-decoration:underline;
}
.list .last a:hover {
	text-decoration:none;
}
.list a {
	text-decoration:none;
}
.list a:hover {
	color:#e06120;
}
/* ============================= page1 ====================== */
#page1 .title1 {
	background:url(images/page1-title1-bg.gif) no-repeat 0 0;
	padding-left:75px;
	margin-left:-10px;
	position:relative;
}
#page1 .title2 {
	background:url(images/page1-title2-bg.gif) no-repeat 0 0;
	padding-left:75px;
	margin-left:-10px;
	position:relative;
}
#page1 .title3 {
	background:url(images/page1-title3-bg.gif) no-repeat 0 0;
	padding-left:75px;
	margin-left:-10px;
	position:relative;
}
#page1 .title4 {
	background:url(images/page1-title4-bg.gif) no-repeat 0 0;
	padding-left:75px;
	margin-left:-10px;
	position:relative;
}
#page1 .title5 {
	background:url(images/page1-title6-bg.gif) no-repeat 0 0;
	padding:12px 0 36px 55px;
	margin-left:-10px;
	position:relative;
}
#page1 .box .title {
	background:url(images/page1-title5-bg.gif) no-repeat 0 0;
}
/* ============================= page2 ====================== */
#page2 .box .title {
	background:url(images/page2-title3-bg.gif) no-repeat 0 0;
}
#page2 .title1 {
	background:url(images/page2-title4-bg.gif) no-repeat 0 0;
	padding:10px 0 10px 75px;
}
/* ============================= page3 ====================== */
#page3 .title1 {
	background:url(images/page3-title1-bg.gif) no-repeat 0 0;
	padding-left:75px;
	margin-left:-10px;
	position:relative;
}
#page3 .title2 {
	background:url(images/page3-title2-bg.gif) no-repeat 0 0;
	padding:0 0 1px 75px;
	margin-left:-10px;
	position:relative;
}
#page3 .title3 {
	background:url(images/page3-title3-bg.gif) no-repeat 0 0;
	padding-left:75px;
	margin-left:-10px;
	position:relative;
}
#page3 .title4 {
	background:url(images/page3-title4-bg.gif) no-repeat 0 0;
	padding:0 0 1px 75px;
	margin-left:-10px;
	position:relative;
}
#page3 .title5 {
	background:url(images/page1-title6-bg.gif) no-repeat 0 0;
	padding:12px 0 36px 55px;
	margin-left:-10px;
	position:relative;
}
#page3 .box .title {
	background:url(images/page3-title5-bg.gif) no-repeat 0 0;
}
/* ============================= page4 ====================== */
#page4 .box .title {
	background:url(images/page4-title2-bg.gif) no-repeat 0 0;
}
#page4 .title1 {
	background:url(images/page1-title6-bg.gif) no-repeat 0 0;
	padding:12px 0 36px 55px;
	margin-left:-10px;
	position:relative;
}
/* ============================= page5 ====================== */
#page5 .box .title {
	background:url(images/page5-title2-bg.gif) no-repeat 0 0;
}
/* ============================= footer ====================== */
#footer {
	text-align:center;
	font-size:0.923em;
	color:#3b3836;
}
#footer a {
	color:#3b3836;
}
#footer .text {
	padding-top:32px;
}
/* ============================= forms ============================= */
#SearchForm {
	float:right;
	color:#3a3a3a;
	padding:31px 0 0 0;
}
#SearchForm input {
	border:solid 0px;
	background:url(images/form-bg.gif) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	padding:1px 2px 1px 3px;
	width:126px;
	margin-left:4px;
}
#SearchForm a {
	display:inline-block;
	background:url(images/form-link-bg.gif) no-repeat 0 0;
	width:42px;
	text-align:center;
	color:#e06120;
	font-weight:bold;
	font-size:0.923em;
	text-decoration:none;
	padding:3px 0 3px 0;
	margin-left:12px;
	vertical-align:middle;
}
#SearchForm a:hover {
	background:url(images/form-link-bg-act.gif) no-repeat 0 0;
}
#ContactForm {
	padding-top:4px;
}
#ContactForm label {
	display:block;
	height:37px;
}
#ContactForm input {
	border:solid 2px #e3e3e3;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#8c8c8c;
	padding:3px 2px 4px 3px;
	width:228px;
}
#ContactForm textarea {
	border:solid 2px #e3e3e3;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#8c8c8c;
	padding:3px 2px 4px 3px;
	width:228px;
	height:292px;
	overflow:auto;
}
#ContactForm .link {
	float:right;
	margin:22px 14px 0 16px;
}