/* @override http://client.concordances.fr/2b3d/css/base.css */

/* @group reset */

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;
}

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 ul, div#contenu ul { 
	margin-left: 10px;
}

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

/* @end */

/* @group Styles de base */

.small { 
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.large { 
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide { 
	display: none;
}

.quiet { 
	color: #666;
}

.loud { 
	color: #000;
}

.highlight { 
	background: #ff0;
}

.added { 
	background: #060;
	color: #fff;
}

.removed { 
	background: #900;
	color: #fff;
}

.first { 
	margin-left: 0;
	padding-left: 0;
}

.last { 
	margin-right: 0;
	padding-right: 0;
}

.top { 
	margin-top: 0;
	padding-top: 0;
}

.bottom { 
	margin-bottom: 0;
	padding-bottom: 0;
}

div.border { 
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}

div.colborder { 
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}

.box { 
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
}

/* Clear */

.clearfix:after, .container:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .container { 
	display: inline-block;
}

* html .clearfix, * html .container { 
	height: 1%;
}

.clearfix, .container { 
	display: block;
}

.clear { 
	clear: both;
}

.alDroite, .alRight { 
	text-align: right
}

.alJustif { 
	text-align: justify
}

.alGauche { 
	text-align: left
}

.alCentre { 
	text-align: center
}

/* @end */

/* @group os */

body {
	background-color: #11181c;
}

#conteneur { 
	width: 935px;
	height: auto;
	margin: 0 auto;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
	background-color: white;
}

/* @group tete */

div#tete { 
	position: relative;
	width: 935px;
	height: 246px;
	background: url(../im/os/tete.jpg) no-repeat left top;
}

div#tete a#btAccueil {
	display: block;
	position: absolute;
	width: 280px;
	height: 110px;
	text-indent: -3999px;
	top: 84px;
	left: 0;
}
div#tete #aaMaison {
	display: block;
	position: absolute;
	width: 500px;
	height: 246px;
	text-indent: -3999px;
	top: 0;
	right: 0;
}

/* @group navig */
#navig {
	top: 210px;
	position: absolute;
	left: 10px;
	width: 680px;
	height: 30px;
}

#navig ul {
	text-transform: uppercase;
}

#navig ul li { 
	display: block;
	float: left;
	margin-right: 5px;
}

#navig ul li a
 {
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 8px;
	color: #e7faaf;
}
#navig ul li a.select { 
	padding: 0 8px 3px;
	font-size: 18px;
	color: white;
	text-shadow: #000 0 0 3px;
}

#navig li a:hover {
	color: white;
	border-bottom: 1px solid white;
}

/* @end */

/*

 @end */

div#corp { 
	position: relative;
	width: 935px;
	height: auto;
	overflow: hidden;
	font-size: 12px;
}

/* @group pied */

#pied { 
	padding: 0;
	width: 935px;
	text-align: center;
	font-size: 12px;
	height: 36px;
	margin: 0;
	background: #a8aaab none no-repeat left top;
	color: silver;
}

#pied div { 
	padding-top: 10px;
}

#pied a { 
	margin: 0 5px;
	color: #e4e4e4;
	text-decoration: none;
}

#pied a.select { 
	color: white;
	text-shadow: #000000 0 0 3px;
	border-bottom: 1px solid white;
	font-weight: bold;
	font-size: 14px;
}

#pied a:hover { 
	text-decoration: none;
	border-bottom: 1px solid white;
	color: white;
}

/* @end */

/* @end */

/* @group Corp */

.style h1 {
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	color: #636363;
}

.style h2 { 
	font-size: 14px;
	margin-bottom: 5px;
	color: #649900;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	padding-left: 40px;
}

.style h3 { 
	margin: 10px 0;
	font-size: 14px;
}


.style h4 { 
	margin: 20px 0 5px;
	font-size: 16px;
	color: #434343;
}

.style p { 
	margin-top: 5px;
	margin-bottom: 5px;
}

.style a { 
	text-decoration: none;
	color: #4b981d;
	border-bottom: 1px solid #d4f0c4;
}

.style a:hover { 
	color: #43b400;
	border-bottom: 1px solid #43b400;
}

/* @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 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: 0 2px 2px;


/*

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: 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 */

div#corp div.parag p {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 22px;
}

/* @group Personnalisation de pages */

div#corp.engagement-qualite div.parag p { 
	font-size: 12px;
	line-height: 15px;
}

div#corp.engagement-qualite div.parag li { 
	font-size: 11px;
	line-height: 13px;
}



/* @end */