/* ---------------------------------------------------
* CSS Screen pour Acbfrance.com
* version 1.0 - Mars 2010
* Auteur : Erwann Ser
------------------------------------------------------
*/
body {
	padding: 15px 0;
	font: 82%/1.4 "Trebuchet MS", Verdana, "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif; 
	background: #dde6f2;
	color: #010e20;
}

#wrapper {
	max-width: 968px;
	width: 98%;
	position: relative;
	margin: 20px auto;
	}

/*=------------------------- HEADER -----------------------------*/

#header {background:url(../images/HeaderBg.png) repeat-x; }
#header .lft, #header .rgt {
	position:absolute;
	height: 177px;
	width: 20px;
	top:0;
	}
.lft {
	left: -20px;
	background:url(../images/TopLeft.png);
	}
.rgt {
	right: -20px;
	background:url(../images/TopRight.png);
	}
#logo {
		display:block; 
		padding: 47px 0 0 30px; 
		font-size:1.2em;
		}
#logo a:focus, #logo a:active {background: #FFF}

#topbar {
		position:absolute; 
		right: -8px; 
		top: 12px;
		background: #666 url(../images/TopBarBg.png) repeat-x;
		color:#FFF;
		line-height: 23px;
		font-size: .9em;
		}
#topbar a {color:#FFF; text-decoration:none; text-shadow: 0 1px 1px #888}
#topbar a:hover {text-shadow:none}
span.round1, span.round2 {height: 23px; width: 5px}
span.round1 {float:left; background:url(../images/TopBarLft.png); margin-right: 7px}
span.round2 {float:right; background:url(../images/TopBarRgt.png); margin-left: 7px}


#NumVert {
		float:right; 
		margin: -30px 20px 0 0; 
		color:#239339; 
		font-weight:bold;
		font-size: 1.2em
		}

/*=------------------------ ELEMENTS COMMUNS ----------------------*/

ul,ol,form,body {margin:0; padding:0;}
.hidden {position:absolute; left: -10000px;}

li {list-style:none}
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em;}

h1 {
	color:#4b5f7a; 
	margin: 0 0 1em 0;
	padding-bottom: .2em;
/*	text-shadow: 0 2px 0 #FFF;*/
	font-size: 1.8em;
	background:url(../images/separ.png) repeat-x bottom;
	}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}


a img {border: none;}

input, textarea {
	border: 1px solid #b0bac7; 
	padding: 3px 2px;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	}
.obligatoire {
	float:right;
	font-size: 0.9em;
	background: #FFF;
	border: 1px solid #d5dae0;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	padding: .2em .6em 0 .6em;
	line-height: 1.8em;
	color:#686d73;
}

p {
	text-align:left;
	margin: 0 0 .8em;
	background: transparent;
	}
hr {
	visibility:hidden;
	clear:both;
	height: 1px;
}
abbr {border:none}

.left {float:left}
.right {float:right}
.clear {clear:both}

a {color:#0048aa}
strong {color: #010e20;}

.overflow {display:block; overflow:hidden}

.vert {
		color:#239339; 
		background:#FFF; 
		border: 1px solid #239339;
		padding: .1em .5em;
		margin-left:4px;
		}
.rounded {
		border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
}
.BigBtns {
	display:block;
	margin-bottom: 20px;
	height: 59px;
	width: 148px;
	padding: 0 30px 0 10px;
	padding-top: 13px;
	background: #1768d2 url(../images/BigBtn.png);
	text-decoration:none;
	font-weight: bold;
	color:#FFF;
	font-size: 1.4em;
	line-height: 1.2;
	text-shadow: 0 1px 1px #0d43bd;
	text-align:center;
	}
.BigBtns:hover, .BigBtns:focus {
	color:#FFF;
	background-position: 0 -72px;
	background-color:#004191;
	text-shadow:none
}
.BigBtns:active {background-position: 0 -144px; position:relative; top: 1px}
.BigBtns span {text-transform:uppercase; font-size: 1.3em}

.btn {
	padding: .4em .7em;
	background:#FFF;
	font: bold 0.95em/2em Tahoma, Geneva, sans-serif;
	color:#496385;
	cursor: pointer;
	text-decoration:none;
	border: 1px solid #B0BAC7;
	border-radius: 3%;
	-moz-border-radius: 3%;
	-webkit-border-radius: 3%;
	}
.btn:hover, .btn:focus {
	background:#1260CC;
	color:#FFF;
	border-color: #1260CC;
	}

#ac {
	font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/separ.png) repeat-x;
	padding: 20px 0 0;
	margin: 1em 0;
	}
#ac span {
	position:relative;
	float:left; 
	width: 234px;
	height:63px;
	padding: 11px 0 0 23px;
	color:#0070b5;
	background: url(../images/PasEnc.png) no-repeat;
	margin-right: -8px;
	line-height: 1.1em;
	font-style: italic;
	}
#ac a {
	float:right;
	width: 318px;
	padding-left: 38px;
	height: 70px;
	line-height: 68px;
	background: #2574d9 url(../images/5raisons.png) no-repeat;
	text-decoration:none;
	color:#FFF;
	text-shadow: 0 1px 1px #0d43bd;
	}
#ac a img { vertical-align:middle
	}
#ac a:hover, #ac a:focus {
	background-position: 0 -70px;
	background-color:#004191;
	padding-right:0;
	}
#content #ac a span {position:absolute; left: -10000px; background:#ff8600}

h2.title {
	color:#1260cc;
	line-height: 45px;
	}
.title a { 
	display:block; 
	height: 45px;
	background:url(../images/TitleBg.png) repeat-x;
	text-decoration:none;
	}
.title a .left {
	display:block;
	margin-right: 15px;
	height: 100%;
	width: 4px;
	background:url(../images/TitleLft.png);
	}
.title a .right {
	float:right;
	height: 100%;
	width: 39px;
	background: url(../images/TitleMore.png);
	}
.title a:hover, .title a:hover, .title a:active, .title a:hover .left, .title a:hover .right {background-position: 0 -45px}

.puce li {
		background:url(../images/puce.gif) no-repeat 0 .4em; 
		padding-left: 20px;
		margin-bottom: .5em;
		}
/*MENU
--------------------------------------=*/

#menu {
	margin: 28px 8px 0 8px; 
	background: #444 url(../images/MenuBg.png) repeat-x;
	}
#menu li {
	float:left;
	position:relative;	
	background: url(../images/MenuSepar.png) no-repeat right;
	padding-right: 1px;
		}
#menu li a {
	float:left;
	position:relative;	
	height: 27px;
	line-height: 1.2em;
	color:#e8e8e8;
	background: #444 url(../images/MenuBg.png) repeat-x; 	
	text-shadow: 0 -1px 0 #000;
	text-align:center;
	text-decoration:none;
	padding: 12px 15px 0;
	font-weight:bold;
	outline:none;
	}
#menu li .lft, #menu li .rgt {position:absolute; height:39px; width:4px; top:0}
#menu li a .lft {left:0; background: url(../images/MenuItemLft.png);}
#menu li a .rgt {right:0; background:url(../images/MenuItemRgt.png);}
#menu li#ctc a .rgt {width:5px; background:url(../images/MenuItemRgtLast.png); }

#menu #ctc  {
		float:none;
		display:block;
		overflow:hidden;
		}

#menu #acc .lft {background: url(../images/MenuLeft.png) no-repeat; }
#menu #ctc .rgt {right:0; background: url(../images/MenuRight.png) no-repeat;}

#menu li a:hover, #menu li a:focus, #menu li a:hover .lft, #menu li a:focus .lft, 
#menu li a:hover .rgt, #menu li a:focus .rgt {
		background-position: 0 -39px !important;
		background-color: #777;
		color:#FFF; 
		text-shadow: 0 -1px 0 #222;
		}
#menu li a:active, #menu li a:active .lft, #menu li a:active .rgt {
		background-position: 0 -78px !important; 
		color: #DDD;
		}
#home li#acc a, #home li#acc a .rgt, #aboutus li#qui a, #aboutus #qui .rgt, #aboutus #qui .lft, 
#others #aut a, #others #aut .rgt, #others #aut .lft, #assurance #ass a, #assurance #ass .rgt, #assurance #ass .lft, #contact #ctc a, #contact #ctc a .rgt, #contact #ctc .lft {
		background: #ea5000 url(../images/MenuOnBg.png) repeat-x 0 0 !important; 
		cursor:default; 
		text-shadow: 0px 1px 0 #bb2800; 
		color:#FFF;
		}
		
#home #menu li#acc .lft {background:url(../images/MenuOnLft.png) }
#home li#acc a .rgt {background-position:top !important}
#home li#acc a:hover, #home li#acc a:hover .rgt {background-position:top !important}


/*CONTENT
--------------------------------------=*/

#main > p {margin-left: 5px}
#home #main {width: 610px}

#edito {font-size: 1.1em; margin-bottom: 3em}

#content {
		min-height: 250px; 
		position:relative;
		padding: 30px 20px 45px;
/*		background: #e6e6d8;*/
		background: #ecf2fa;
		}
#content .lft, #content .rgt {
		position:absolute;
		width: 20px;
		top:0;
		height: 100%
		}
#content .lft {background:url(../images/ContentLft.png) repeat-y}
#content .rgt {background:url(../images/ContentRgt.png) repeat-y; right:-20px}

#content .nb li {
		margin: 0 0 .5em 10px; 
		border-bottom: 1px dotted #999; 
		padding: .1em 0 .6em; 
		color:#353535;
		}
.nb span, span.nb {
	float:left;
	font-weight:bold;
	margin: 0 7px 0 0;
	text-align:center;
	font-size: 1.2em;
	color:#FFF;
	height: 1.4em;
	width: 1.4em;
	border: .15em solid #FFF;
	border-radius: 130%;
	-moz-border-radius: 130%;
	-webkit-border-radius: 130%;
	text-shadow: 0 1px 1px #bc3100;
	box-shadow: 0 1px 1px #a6ad8e; /* Opera 10.5, IE 9.0 */
	-moz-box-shadow: 0 1px 1px #a6ad8e; /* FF3.5+ */
	-webkit-box-shadow: 0 1px 1px #a6ad8e; /* Saf3.0+, Chrome */
	background: -moz-linear-gradient(top, #f89e00, #ff4500); /* FF3.6 */
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff4500),color-stop(1, #f89e00)); /* Saf4+, Chrome */
}

#sidecol {
		float:left; 
		width: 23%; 
		padding-top: 30px;
		}
#main {margin: 0 25px}


/*FOOTER
--------------------------------------=*/


#footer {
		position:relative;
		background: url(../images/footerBg.png) repeat-x; 
		height: 52px;
		font-size:.9em;
		padding-top: 1px;
		}
#footer  #BottMenu {float: right; color:#FFF}
#footer  ul {float:left; background: #5c6f86}
#footer  li {float:left; padding-top: 10px; }
#footer  p {
		float: right; 
		padding: 10px 10px 0 10px; 
		color:#bfc5cc;
		background: #5c6f86;
		}
#footer  a {
		float:left;
		padding: 8px 0;
		margin: -8px 7px;
		color:#FFF;
		text-decoration:none; 
		}
#footer  a:hover {text-decoration:underline}

#footer .lft, #footer .rgt {
	position:absolute;
	height: 100%;
	width: 21px;
	top:0;
	}
#footer .lft {
	left: -20px;
	background:url(../images/CornerBottLft.png);
	}
#footer .rgt {
	right: -20px;
	background:url(../images/CornerBottRgt.png)
	}