/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#ecf1f2; text-align:center;}

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.75em; line-height:1.25em; color:#5a6c6f;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#16bbea;}
a:hover{text-decoration:none;}
.grey{ color:#5a6c6f;}
p {padding-top:15px;}
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.917em; color:#4f5f61; font-weight:normal; padding-bottom:16px;}
h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.667em; color:#6f7a7b; font-weight:normal; padding-bottom:20px;}
strong{ font-weight:bold;}
em{ font-style:normal;}
/* nouveau design */

#container-menu .col-1{ 
	width:312px;
	float: left;
}

#container-menu .col-2{ 
	width:627px; 
	float: right;
	overflow:hidden; 
	background:#ffffff;
}

#container-menu .box{ 
	height:214px; 
	margin-top:3px; 
	background:#8fa5a8; 
	color:#ffffff; 
	position:relative;
}

#container-menu .box .indent{ padding:10px 4px 0 4px;}

#container-menu .slogan{ padding:124px 0 0 302px;}
#container-menu .button{ padding:12px 0 0 472px;}

#container-menu .link{ 
	display:block; 
	float:left; 
	color:#ffffff; 
	background:url(images/link1-left-bg.gif) no-repeat 0 0; 
	padding-left:1px; 
	text-decoration:none; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	margin-top:9px;
}
#container-menu .link:hover{ text-decoration:underline;}
#container-menu .link span{ 
	display:block; 
	background:url(images/link1-right-bg.gif) right top no-repeat; 
	padding-right:1px;}
#container-menu .link strong{ 
	font-weight:normal !important; 
	display:block; padding:6px 8px 7px 9px; 
	background:#37cef9; 
	color:#ffffff;}

#container-menu .flash {position:absolute;}
/* ============================= main layout ====================== */
.imgindent {margin:0 0px 0 0; float:left;}
.margin1{ margin-top:16px;}
.padding1{ padding-top:15px;}
.padding2{ padding-top:10px;}
.padding3{ padding-top:23px;}
.padding4{ padding-bottom:18px;}

/* Coperight du bas */

/* Bas */
#contentFooter{ background:url(image/footer-left-bg.gif) no-repeat 0 0 #d9e2e3; margin-bottom:13px; height:48px;}
#contentFooter .left-bg{ background:url(image/footer-right-bg.gif) right top no-repeat; height:48px;}

#contentFooter .text{ padding:16px 0 0 23px;}
#contentFooter a,
#contentFooter a:link,
#contentFooter a:visited,
#contentFooter a:hover {
	text-decoration:underline;
	font-size:1.2em;
	color:#5a6c6f;
}

/* ============================= content ====================== */
#content{ padding:18px 0 23px 0;}
.title{ padding-bottom:10px;}
#content .link{ bottom:18px;}
 
#content .box .link{ background:url(image/link2-left-bg.gif) no-repeat 0 0; position:absolute; bottom:18px;}
#content .box .link span{ display:block; background:url(image/link2-right-bg.gif) right top no-repeat; padding-right:1px;}

#content .box{ background:#ffffff; color:#7b898c; width:100%; position:relative;}
#content .box .indent{ padding:16px 0 18px 16px;}
#content .box .indent2{ padding-bottom:10px;}
#content .box .indent3{ padding:16px 18px 18px 16px;}
#content .box .link strong{ background:#84d73f; color:#ffffff; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:7px;}

.indent3{ padding:13px 0 10px 16px}

.list li{ color:#099fc9; line-height:1.75em;}
.list a{ color:#778789; }

.list1 span{ color:#099fc9;}
.list1 a{ color:#5a6c6f;}
.list1 li{ padding-bottom:5px;}

.link2{ font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}
.link2:hover{ text-decoration:underline;}
.line1{ background:url(image/line.gif) repeat-y 217px 0; width:100%;}
.line2{ background:url(image/line.gif) repeat-y 453px 0; width:100%;}
.line3{ background:url(image/line.gif) repeat-y 688px 0; width:100%;}
.line4{ background:url(image/line2.gif) repeat-y 469px 0; width:100%;}