/* @override 
	http://client.concordances.fr/baron-bonivin/css/root.css
	http://client.concordances.fr/baron2/css/root.css
*/

/* @group reset */

/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body { 
	line-height: 1;
}

ol, ul { 
	list-style: none;
}

blockquote, q { 
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after { 
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus { 
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins { 
	text-decoration: none;
}

del { 
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table { 
	border-collapse: collapse;
	border-spacing: 0;
}

div#intro li, div#contenu li {
	padding-left: 10px;
	background: url(../im/base/indent1.png) no-repeat 0 3px;
	margin-bottom: 3px;
}

/* @end */

/* @group Boutons */

.buttons a, .buttons button { 
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px;


/*

Links */
}

.buttons button { 
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px;


/*

I

E6 */
}

.buttons button[type] { 
	padding: 5px 10px 5px 7px;
	/

* Firefox */
    line-height: 17px;
/*

Safari */
}

*:first-child+html button[type] { 
	padding: 4px 10px 3px 7px;
/*

IE7 */
}

.buttons button img, .buttons a img { 
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

.buttons button img.pays, .buttons a img.pays { 
	margin: 0px 3px 3px 0;
	padding: 0px 0 0;
	border: none;
	width: 16px;
	height: 11px
}

/* STANDARD */

button:hover, .buttons a:hover { 
	background-color: #dff4ff !important;
	border: 1px solid #c2e1ef !important;
	color: #336699 !important;
}

.buttons a:active { 
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* POSITIVE */

button.positive, .buttons a.positive { 
	color: #529214!important;
}

.buttons a.positive:hover, button.positive:hover { 
	background-color: #E6EFC2 !important;
	border: 1px solid #C6D880 !important;
	color: #529214 !important;
}

.buttons a.positive:active { 
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative { 
	color: #d12f19!important;
}

.buttons a.negative:hover, button.negative:hover { 
	background: #fbe3e4 !important;
	border: 1px solid #fbc2c4 !important;
	color: #d12f19 !important;
}

.buttons a.negative:active { 
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

/* @end */

/* @group Structure */

body { 
	background: #aac3e0 url(../im/os/fdPage.png) repeat-x;
	margin: 0;
	padding: 0;
	border: 0
}

#conteneur { 
	margin: auto;
	width: 980px;
	font: 1em "Lucida Grande", Verdana, Lucida, serif;
}

#corp { 
	width: 980px;
	min-height: 505px;
}

/* @group tete */

#tete { 
	width: 980px;
	height: 138px;
	overflow: hidden;
	background-image: url(../im/os/tete.png);
	text-align: center;
}

#tete #liens { 
	width: 380px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 38px;
	font-size: .9em;
	color: #8ea581;
}

#tete #liens a { 
	color: #fbce53;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-shadow: #172983 1px 1px 5px;
}

#tete #liens a:hover { 
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#tete #navig { 
	width: 970px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	font-size: .75em;
	padding-top: 2px;
}

#tete #navig ul { 
	list-style-type: none;
	float: left;
}

#tete #navig li { 
	float: left;
	margin: 0 0 0 6px;
	padding: 0 0 0 6px;
}

#tete #navig li + li { 
	background: url(../im/os/lNavG.png) no-repeat;
}

#tete #navig li a { 
	text-decoration: none;
	color: #0d2775;
	text-shadow: gray 1px 1px 6px;
	padding: 1px 2px;
}

#tete #navig li a:hover { 
	color: white;
	text-shadow: white 0 0 0;
	background-color: #ae1200;
}

#tete #navig li a.select, #tete #navig dt a.select { 
	color: white;
	text-shadow: gray 1px 1px 6px;
	padding: 1px 2px;
	background-color: #0f3885;
}

#tete #navig dl { 
	list-style-type: none;
	float: right;
	margin-right: 10px;
}

#tete #navig dt { 
	float: left;
	padding: 0 0 0 6px;
	margin: 0 3px;
}

#tete #navig dt a { 
	text-decoration: none;
	color: #723500;
	text-shadow: gray 1px 1px 4px;
	padding: 1px 2px;
}

#tete #navig dt a:hover { 
	color: white;
	text-shadow: white 0 0 0;
	background-color: #ae1200;
}

#tete #navig dt + dt { 
	background: url(../im/os/lNavD.png) no-repeat;
}

/* @end */

/* @group ColDroite */

#colDroite { 
	float: left;
	width: 183px;
	height: auto
}

#colDroite #btZone,#colDroite #btBaron, #colDroite #btSAV, #colDroite #btENBB, #colDroite #btZone a, #colDroite #btBaron a, #colDroite #btSAV a, #colDroite #btENBB a { 
	margin: 0;
	padding: 0;
	width: 183px;
	display: block;
	background-color: transparent;
}

#colDroite #btZone { 
	height: 165px;
}

#colDroite #btBaron { 
	height: 165px;
}

#colDroite #btSAV { 
	height: 170px;
}

#colDroite #btENBB { 
	height: 170px;
}

#colDroite #btZone a:hover, #colDroite #btBaron a:hover, #colDroite #btSAV a:hover, #colDroite #btENBB a:hover { 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* @end */

/* @end */

/* @group ColGauche */

#colGauche { 
	float: left;
	width: 217px;
	height: auto;
}

#colGauche .pied { 
	clear: both;
	margin: 0 0 0;
	background: url(../im/os/piedGauche.png) no-repeat 0 0;
	height: 7px;
	overflow: hidden;
	padding: 0;
}

/* @group accueil */

#colGauche #accueil { 
	width: 217px;
	height: 500px;
	overflow: auto;
	background: url(../im/os/fdGauche.png) repeat-y;
}

#colGauche #accueil img { 
	margin-top: 5px;
	margin-bottom: 5px;
}

#colGauche #accueil h3 { 
	color: #131143;
	font-size: .9em;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}

#colGauche #accueil .actu { 
	border-bottom: 1px solid #95c7e1;
	padding-bottom: 15px;
	margin-right: 6px;
	margin-left: 20px;
}

#colGauche #accueil .actu p { 
	font-size: .7em;
	text-align: justify;
	margin-right: 10px;
}

#colGauche #accueil .actu img { 
	padding: 4px;
	border: 1px solid #a8a8a8;
	width: 165px;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
}

#colGauche #accueil .actu .savoirplus { 
	text-align: right;
	margin-top: 4px;
}

#colGauche #accueil .actu .savoirplus a { 
	color: #0d2775;
	text-decoration: none;
	border-bottom: 1px solid #b0d2e1;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
}

#colGauche #accueil .actu .savoirplus a:hover { 
	background-color: #074898;
	color: white;
	border-bottom-color: #15174e;
}

/* @end */

/* @group menu */

#menuGauche { 
	width: 207px;
	background: url(../im/os/fdGauche.png) repeat-y;
	clear: both;
	margin-bottom: 0;
	padding-left: 10px;
}

/* @group h1 */

#menuGauche div.toggler { 
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding: 0;
	text-indent: -3000px
}

#menuGauche div.toggler, #menuGauche div.toggler a { 
	width: 200px;
	height: 25px;
	display: block
}

#menuGauche #m1 a { 
	background: url(../im/menu/menu1.png) no-repeat left top;
}

#menuGauche #m2 a { 
	background: url(../im/menu/menu2.png) no-repeat left top;
}

#menuGauche #m3 a { 
	background: url(../im/menu/menu3.png) no-repeat left top;
}

#menuGauche #m4 a { 
	background: url(../im/menu/menu4.png) no-repeat left top;
}

#menuGauche #m5 a { 
	background: url(../im/menu/menu5.png) no-repeat left top;
}

#menuGauche #m1 a:hover, #menuGauche #m2 a:hover, #menuGauche #m3 a:hover, #menuGauche #m4 a:hover, #menuGauche #m5 a:hover { 
	background-position: -200px 0;
}

#menuGauche #m1.select a, #menuGauche #m1.select a:hover, #menuGauche #m2.select a, #menuGauche #m2.select a:hover, #menuGauche #m3.select a, #menuGauche #m3.select a:hover, #menuGauche #m4.select a, #m4.select a:hover, #menuGauche #m5.select a, #m5.select a:hover { 
	background-position: -400px 0;
}

#menuGauche h1#m1.select, #menuGauche h1#m2.select, #menuGauche h1#m3.select, #menuGauche h1#m4.select, #menuGauche h1#m5.select { 
	height: 30px;
	display: block;
	background: transparent url(../im/menu/ombre.png) no-repeat left top;
}

/* @end */

#menuGauche .accordeon ul { 
	padding: 0;
	font-size: 13px;
	list-style-type: none;
	margin: 5px 8px 10px;
}

#menuGauche .accordeon li { 
	margin: 0;
	padding: 0;
	display: block;
}

#menuGauche h1#m1, #menuGauche h1#m2, #menuGauche h1#m3, #menuGauche h1#m4, #menuGauche h1#m5 { 
	width: 200px;
	height: 25px;
}

/* @end */

/* @group Zones menu */

/* 1 */

div#acc1.accordeon, div#acc2.accordeon, div#acc3.accordeon, div#acc4.accordeon, div#acc5.accordeon {
	width: 199px;
	margin-left: 1px;
	padding: 1px 0;
}
div#acc1.accordeon {
	background-color: #fffae5;
}

div#acc1.accordeon li a { 
	color: #7f6900;
	text-decoration: none;
	padding: 2px 4px 2px 10px;
	display: block;
	border-bottom: 1px solid #bf9f00;
}

div#acc1.accordeon li a:hover { 
	background-color: #fff4bf;
}

div#acc1.accordeon li a.select { 
	color: #7f6900;
	text-decoration: none;
	background-color: #fff0b2;
	font-weight: bold;
}

/* 2 */

div#acc2.accordeon {
	background-color: #fff1e2;
}

div#acc2.accordeon li a { 
	color: #7f4100;
	text-decoration: none;
	padding: 2px 4px 2px 10px;
	display: block;
	border-bottom: 1px solid #bf6200;
}

div#acc2.accordeon li a:hover { 
	background-color: #ffe5cc;
}

div#acc2.accordeon li a.select { 
	color: #7f3f00;
	text-decoration: none;
	background-color: #ffdfbf;
	font-weight: bold;
}

/* 3 */
div#acc3.accordeon {
	background-color: #ebf7ff;
}

div#acc3.accordeon li a { 
	color: #004c7f;
	text-decoration: none;
	padding: 2px 4px 2px 10px;
	display: block;
	border-bottom: 1px solid #0072bf;
}

div#acc3.accordeon li a:hover { 
	background-color: #cceaff;
}

div#acc3.accordeon li a.select { 
	color: #004c7f;
	text-decoration: none;
	background-color: #bfe5ff;
	font-weight: bold;
}

/* 4 */
div#acc4.accordeon {
	background-color: #ecffe2;
}

div#acc4.accordeon li a { 
	color: #2a7f00;
	text-decoration: none;
	padding: 2px 4px 2px 10px;
	display: block;
	border-bottom: 1px solid #42bf00;
}

div#acc4.accordeon li a:hover { 
	background-color: #d4ffbf;
}

div#acc4.accordeon li a.select { 
	color: #2a7f00;
	text-decoration: none;
	background-color: #cbffb2;
	font-weight: bold;
}

/* 5 */

div#acc5.accordeon {
	background-color: #ffe2e2;
}

div#acc5.accordeon li a { 
	color: #7f0000;
	text-decoration: none;
	padding: 2px 4px 2px 10px;
	display: block;
	border-bottom: 1px solid #bf0000;
}

div#acc5.accordeon li a:hover { 
	background-color: #fcc;
}

div#acc5.accordeon li a.select { 
	color: #7f0000;
	text-decoration: none;
	background-color: #ffb2b2;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group Contenu */

#contenu { 
	color: black;
	float: left;
	margin: 0;
	padding: 0;
	width: 580px;
	behavior: url(../lib/iepngfix/iepngfix.htc)
}

#contenu a, #contenu a { 
	color: #0d2775;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-bottom: 1px solid #b8caff;
}

#contenu a:hover { 
	color: #ae1200;
	text-shadow: white 1px 1px 4px;
	text-decoration: none;
	background-color: #fefbca;
	border-bottom: 1px solid #c29a3d
}

#contenu div#listeparag div.buttons { 
	margin-top: 15px;
}

/* @group intro accueil */

#contenu #intro { 
	background-image: url(../im/os/fdAccueil.png);
	font-size: 12px;
	text-align: justify;
	padding: 10px 20px 0 22px;
	height: 169px;
	overflow: hidden;
	width: 538px;
}

#contenu #intro p{
	margin-top: 0;
	margin-bottom: 5px;
}

div#intro div.buttons { 
	margin-top: 6px;
}

div#intro img { 
	margin-right: 10px;
	margin-bottom: 8px;
}

#contenu #introPied { 
	background-image: url(../im/os/piedAccueil.png);
	height: 22px;
	background-color: transparent;
}

/* @end */

/* @group coverflow */

#contenu #coverflow { 
	margin: 9px 0 0;
	padding: 0 0 0 9px;
}

#coverflow .boutons { 
	height: 25px;
	overflow: hidden;
}

#coverflow #particulier, #coverflow #professionnel, #coverflow #particulier a, #coverflow #professionnel a { 
	width: 152px;
	height: 25px;
	float: left;
	text-indent: -3000px;
	padding: 0;
}

#coverflow #particulier a { 
	background: url(../accueil/im/btParticulier.png) -152px 0;
}

#coverflow #professionnel a { 
	background: url(../accueil/im/btProfessionnel.png) -152px 0;
}

#coverflow #particulier.select a { 
	background: url(../accueil/im/btParticulier.png) 0 0;
}

#coverflow #professionnel.select a { 
	background: url(../accueil/im/btProfessionnel.png) 0 0;
}

#coverflow #particulier a:hover, #coverflow #professionnel a:hover { 
	background-position: -304px;
}

#coverflow #particulier.select a:hover, #coverflow #professionnel.select a:hover { 
	background-position: 0;
}

/* @end */

/* @group Liste parag */

#listeparag table {
	margin-right: auto;
	margin-left: auto;
}

#listeparag td {
	border: 1px solid gray;
	padding: 4px;
}

#listeparag th {
	border: 1px solid gray;
	padding: 4px;
	font-weight: bold;
	text-align: center;
	background-color: #e6f1fe;
}

#contenu #listeparag { 
	background-image: url(../im/os/fdParag.png);
	font-size: 12px;
	text-align: justify;
	padding: 10px 20px 15px 22px;
	width: 538px;
	height: 460px;
	margin: 0;
}

html>body #contenu #listeparag { 
	height: auto;
	min-height: 460px;
	margin: 0;
}

#listeparag.m1 h1 { 
	color: #2e769c;
	border-bottom-color: #2e769c;
	margin-bottom: 10px;
}

#listeparag.m2 h1 { 
	color: #79440b;
	border-bottom-color: #79440b;
}

#listeparag.m3 h1 { 
	color: #9c2606;
	border-bottom-color: #9c2606;
}

#listeparag.m4 h1 { 
	color: #477d37;
	border-bottom-color: #477d37;
}

#listeparag.m1 h2 { 
	color: #2e769c;
}

#listeparag.m2 h2 { 
	color: #79440b;
}

#listeparag.m3 h2 { 
	color: #9c2606;
}

#listeparag.m4 h2 { 
	color: #477d37;
}

#piedParag { 
	background-image: url(../im/os/piedParag.png);
	height: 22px;
	background-color: transparent;
}

#listeparag #ariane { 
	font-size: 10px;
	color: gray;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

#listeparag #ariane a { 
	border-bottom: 1px solid white;
	color: gray !important;
	text-shadow: white 0px 0px 0px;
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Photos */

.photoGC { 
	background-color: white;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3 #696969 #696969 #d3d3d3
}

.photoG { 
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 0
}

.photoDC { 
	background-color: white;
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3 #696969 #696969 #d3d3d3
}

.photoD { 
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0;
	border: solid 0 #39546d
}

.photoCC { 
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3 #696969 #696969 #d3d3d3
}

.photoC { 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 0;
	border: solid 0 #39546d
}

.photoGC, .photoG, .photoDC, .photoD, .photoCC, .photoC { 
	color: gray;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

/* @end */

/* @group Divers */

.alGauche { 
	text-align: left;
}

.alDroite { 
	text-align: right;
}

.alCentre { 
	text-align: center;
}

.alJustif { 
	text-align: justify;
}

.petit { 
	font-size: 10px;
	font-family: Tahoma, Arial, sans-serif
}

/* @end */

/* @group Titres */

#contenu h1 + h2 { 
	margin-top: 5px;
}

#contenu h1 { 
	font-weight: normal;
	font-size: 2em;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-style: normal;
	text-align: left;
}

#contenu h2 { 
	text-decoration: none;
	background-repeat: no-repeat;
	margin: 10px 0px 5px;
	padding: 0px;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
}

#contenu h3 { 
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 1.2em;
}

#contenu h4 { 
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 2px 0px 2px 4px;
	font-size: 1.7em;
	background-color: #eaf4f9;
	border-bottom: 2px solid #96b7c6;
}

#contenu h5 { 
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 2px 0px 2px 4px;
	font-size: 1.5em;
	background-color: #eaf4f9;
}

#contenu h6 { 
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	border-bottom: 1px solid #96b7c6;
}

/* @end */