/* === DEFINITIONS GENERALES ====================================*/
* {	margin:0;	padding:0;	}
body {	font-family:'Mate', serif;	/*font-family:'Paprika', cursive;*/	font-size:16px;	color:#000000;	background: url(Image/fond.png) top center no-repeat #008365 /*repeat-y #333*/ ;	background-size: 100% 100%;	}
a img {	border:none;	}
p {	text-align:justify;	padding-bottom:15px;	}

/* --- Les titres ------------------------------------------------*/	
h1 {	font-family:'Paprika', cursive;	color:#008365;	font-size:24px;	font-weight:normal;	min-height:40px;	padding:15px 0px 15px 25px;	/*background:url(Image/xxx.gif) 0 0 no-repeat;*/	}
h2 { font-family:'Paprika', cursive;	color:#92c430;	font-size:24px;	font-weight:normal; min-height:40px;	padding:7px 0px 15px 0px;	height:auto;					background:none;	}
h3 {	font-family:'Paprika', cursive;	color:#852600;	font-size:24px;	font-weight:normal;	min-height:40px;	padding:15px 0px 15px 40px;	/*background:url(Image/xxx.gif) 0 0 no-repeat;*/}
h4 {	font-family:'Paprika', cursive;	color:#008365;	font-size:18px;	font-weight:normal;	min-height:40px;	padding:15px 15px 15px 15px;	text-align: center;	/*background:url(Image/xxx.gif) 0 0 no-repeat;*/}
h5 {	font-family:'Paprika', cursive;	color:#008365;	font-size:18px;	font-weight:normal;	min-height:40px;	padding:15px 0px 10px 30px;	/*background:url(Image/xxx.gif) 0 0 no-repeat;*/}
h6 {	font-family:'Paprika', cursive;	color:#008365;	font-size:14px;	font-weight:normal;	padding:10px 0px 10px 53px;	/*background:url(Image/xxx.gif) 0 0 no-repeat;*/}

h1 span {	color:#92c430;	}
/* --- Formulaires ------------------------------------------------*/
input[type=text], input[type=password], textarea, select {	background: repeat-x top #ffffff;	border:1px solid #cccccc;	padding:3px 5px 3px 5px;	color:#777;	border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {	background:#ffffff;	}
input[type=text]:focus, input[type=password]:focus, textarea:focus {	background:#ffffff;	border-color:#000000;	}
input[type=submit], input[type=button] {	border:none;	padding:0px 15px 0px 15px;	color:#485870;	cursor:pointer;	background-color:#AAAAAA;	}
input[type=submit]:hover, input[type=button]:hover {	text-decoration:underline;	}
select {	padding:2px 3px 2px 3px;	}
input[type=text].error, input[type=password].error, textarea.error {	border-color:#f41a00;	}
option {	padding:0 3px;	}
/* ================================================================*/
/* === DEFINITIONS DE LA STRUCTURE GENERALE 'ID' ==================*/
/* ================================================================*/
#site {	/* background: url(Image/CentralesBaie.jpg) center top no-repeat; */	}
#banniere {	position:relative;	width:320px;	height:150px;	font-family:'Paprika', cursive;	color:#008365;	font-size:12px;	margin:auto;	background: /*url(Image/xxx.png)*/ #DDD center top repeat-y;
	/*Coins Arrondi	-moz-border-radius:10px 10px 10px 10px;	-webkit-border-radius:10px 10px 10px 10px;	border-radius:10px 10px 10px 10px;*/	
	/*Ombre porté*/	box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);
	} 
#logo {	position:absolute;	top:15px; left:20px; width:40%	}
#banniere a {	font-size:18px;	color:#008365;	text-decoration:none;	padding:5px 6px;	}
#banniere .technique {	border: 2px solid #999;	
	/*Coins Arrondi*/	-moz-border-radius:10px 10px 10px 10px;	-webkit-border-radius:10px 10px 10px 10px;	border-radius:10px 10px 10px 10px;	}
#banniere a:hover, #banniere .active {	color:#0000A0;	}
#banniere #homemenu {	visibility: hidden;	position:absolute;	left:300px; top:120px;	}
#banniere #menu {	position:absolute;	left:350px; top:100px;	}
#banniere fieldset {	font-family:Georgia,serif;		float : left;		width: 330px;		height: 45px;		margin: 7px;		padding: 4px;		border:0px solid #999;		background: #F0F0F0;
	/*Coins Arrondi*/	-moz-border-radius:10px 10px 10px 10px;	-webkit-border-radius:10px 10px 10px 10px;	border-radius:10px 10px 10px 10px;	}
#banniere fieldset input[type=search]{	margin-left: 5px;	width: 265px;	}
#banniere fieldset input[type=submit]{width: 40px;	
	/*Coins Arrondi*/	-moz-border-radius:10px 10px 10px 10px;	-webkit-border-radius:10px 10px 10px 10px;	border-radius:10px 10px 10px 10px;	}
#recherche {	position:absolute;	left:630px; top:5px;	}
#page {	width:1024px;	margin : auto;	padding-bottom : 25px;	background: /*url(Image/xxx.png) center top repeat-y*/ #EEE ;	
	/*Ombre porté*/	box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	}
#page ul {	margin:0 0 0 20px;	padding-bottom:15px;	}
#page li {	padding-bottom:5px;	}
#content {	float:right;	margin: 0px;	padding: 5px 20px 5px 5px;	width: 720px;	}
#content a {	font-family:'Paprika', cursive;	color: #008365;	font-size:15px;	font-weight:normal;	}
#content a:hover {	text-decoration:none;	}
#content strong {	color:#852600;	}
#content .sitemap {	font-family:'Paprika', cursive;	color:#000000;	font-size:18px;	font-weight:normal;	padding: 10px 10px 10px 50px;	margin : 10px 10px 10px 10px;	}
#content .sitemap a {	font-family:'Paprika', cursive;	color:#000000;	font-size:18px;	font-weight:normal;	text-decoration:none;	}
#content .sitemap a:hover {	text-decoration:underline;	}
#col {	float:left;	width:258px;	color:#606363;	}
#col h1, #col h3 {	color:#0000CC;	}
#footer {	width:1024px;	height:37px;	padding-top:20px;	margin:0 auto 0 auto;	font-family:'Paprika', cursive;	font-size:14px;	color:#7d3706;	text-align:center; background:/*url(Image/xxx.png)*/ #000090 no-repeat;	
	/*Ombre porté*/	box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	}
#footer a, #footer span {	color:#ffffff;	text-decoration:none;	padding:0 11px;	}
#footer span a {	padding:0;	}
#footer a:hover {	text-decoration:underline;	}
/* ================================================================*/
/* === DEFINITIONS DES SOUS ELEMENTS 'CLASS' ======================*/
/* ================================================================*/
.carteVisite {	display: block;	margin: 20px;	padding: 10px;	border: solid 1px;	background: #FFFFFF;
	/*Coins Arrondi*/	-moz-border-radius:10px 10px 10px 10px;	-webkit-border-radius:10px 10px 10px 10px;	border-radius:10px 10px 10px 10px;
	/*Ombre porté*/	box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	}
.photoPersonnel {	float:left;	width: 109px; 	height: 110px;	display: block;	margin: 20px;	padding: 0px;
	/*Coins Arrondi*/	-moz-border-radius:10px 10px 10px 10px;	-webkit-border-radius:10px 10px 10px 10px;	border-radius:10px 10px 10px 10px;
	/*Ombre porté*/	box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 4px 4px 5px 0px rgba(119, 119, 119, 0.5);	}
.logo {	height: 110px;	margin: 10px;	padding: 10px;	background: none;	}

.widget {	font-size:13px;	padding:0px 32px 23px 19px;	}
.widget strong {	font-size:15px;	font-weight:bold;	}
.widget p {	text-align:justify;	padding-bottom:15px;	}
.widget img {	display: block;	margin-left:auto;	margin-right:auto;	}
.widget a		{	font-size:13px; color:black; text-decoration:none;}
.widget a:hover {	text-decoration:underline;	}

.widget_Partenaires 		{	display: block; width:auto; margin: 0 5%; font-size:20px;	padding:0px 5% 23px 5%;	}
.widget_Partenaires strong 	{	font-weight:bold;	}
.widget_Partenaires p 		{	text-align:justify;	padding-bottom:5px;	}
.widget_Partenaires img 	{	display:block;	margin:auto;	max-width:90%;	max-height:100px;}
.widget_Partenaires a		{	font-size:16px; color:black; text-decoration:none;}
.widget_Partenaires a:hover {	text-decoration:underline;	}

.facebook{	font-size:13px;	display: block;	padding:30px 60px 10px 60px;	}
.facebook strong {	font-size:15px;	font-weight:bold;	}
.facebook p {	text-align:justify;	padding-bottom:15px;	}
.facebook img {	display: block;	margin-left:auto;	margin-right:auto;	}	
.tl {	float:left;	padding-right:10px;	background-color:#ffffff;	}
.tr {	float:right;	padding-left:10px;	background-color:#ffffff;	}
.cadrenews {	padding-bottom:15px;	}
.cadrenews h2 {	font-size:18px;	padding-bottom:7px;	}
.cadrenews h2 a {	color:#92c430;	text-decoration:none;	}
.cadrenews h2 a:hover {	text-decoration:underline!important;	}
.pagination {	text-align:center;	}
.pagination span, .pagination a {	display:inline-block;	padding:3px 0;	width:24px;	margin:0 5px;	text-decoration:none;	color:#ffffff!important;	background-color:#bee477;	}
.pagination span, .pagination a:hover {	background-color:#92c430;	}
.colink, .plink a, #col a {	color:#606363;	}
.colink:hover, .plink a:hover, #col a:hover {	text-decoration:none;	}
.plink, .widget .plink {	text-align:right;	}
.citation {	color:#852600;	font-style:italic;	text-align:center;	}
.citation2 {	color:#92c430;	text-align:center;	}
.sitemap li {	padding-bottom:15px;	}
.newslist {	padding:10px;	margin-bottom:15px;	border:1px solid #007f7f;	}
.nopad {	padding:0!important	}
.bigred, .bigred a {	font-family:'Paprika', cursive;	font-size:15px;	color:#852600!important;	text-decoration:none;	}
.bigred a:hover {	text-decoration:underline;	}
.red {	color:#852600;	}
/* ================================================================*/
/* === VIGNETTES DES SERVICES =====================================*/
/* ================================================================*/
.VignetteServicesGauche {	background-color: #DDD;	border: solid 0px black;	padding: 10px;	margin-bottom: 20px;
	/*Coins Arrondi*/	-moz-border-radius:15px 15px 15px 15px;	-webkit-border-radius:15px 15px 15px 15px;	border-radius:15px 15px 15px 15px;
	/*Ombre porté*/	box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);}
.VignetteServicesGauche h6{	float: left;	font-family: 'Paprika', cursive;	font-size: 20px;	padding: 10px 0px 0px 100px;}
.VignetteServicesGauche  img{	float: left;	margin: 0px;	padding: 5px;		display: block;	margin-left: auto;	margin-right: auto;	position: relative;	max-height: 200px;	max-width: 300px;}
.VignetteServicesGauche  p{	float: left;	width: 350px;	margin: 0px;		padding: 20px;	}
.clear {	clear: both;}
.VignetteServicesDroite {	background-color: #DDD;	border: solid 0px black;	padding: 10px;	margin-bottom: 20px;	
	/*Coins Arrondi*/	-moz-border-radius:15px 15px 15px 15px;	-webkit-border-radius:15px 15px 15px 15px;	border-radius:15px 15px 15px 15px;
	/*Ombre porté*/	box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);}
.VignetteServicesDroite h6{	float: left;	font-family:'Paprika', cursive;	font-size:20px;	text-align:left;	padding: 10px 0px 0px 100px;}
.VignetteServicesDroite  img{	float: right;	margin: 0px;	padding: 5px;	Position: relative;	top: 0px;	right: 0px;		display: block;	margin-left: auto;	margin-right: auto;	max-height: 200px;	max-width: 300px;}
.VignetteServicesDroite  p{	float: left;	width: 350px;	margin: 0px;	padding: 20px;}
.presentation {	float:left;	padding:0px 40px 0px 0px;	}
/* ================================================================*/
/* === VIGNETTES ACTUALITE MATERIEL ===============================*/
/* ================================================================*/
.actuMateriel {	background-color: #DDD;	border: solid 0px black;	padding: 10px;	margin-bottom: 20px;
	/*Coins Arrondi*/	-moz-border-radius:15px 15px 15px 15px;	-webkit-border-radius:15px 15px 15px 15px;	border-radius:15px 15px 15px 15px;
	/*Ombre porté*/	box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	-moz-box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	-webkit-box-shadow: 5px 5px 5px 5px rgba(119, 119, 119, 0.5);	}
.actuImage {	float: left;	margin: 5px;	padding: 5px;	height: 200px; 		width:200px; 	position:relative;	}
.actuImage	img {	display: block;	margin: auto; 	padding: 0px;		
	/*centrage vertical */	Position: absolute;			top:0;	bottom:0;	left:0;	right:0;	max-height: 200px; 		max-width: 200px; 	min-width: 150px;	}
.actuTexte {	Position: relative;}
.actuTexte h6{	font-family:'Paprika', cursive;	font-size:16px;	color:#00a000;	padding: 0px 0px 0px 0px;}
.actuTexte  p{	font-size:14px;	margin: 0px;		padding: 0px;	}
.actuTexte  i{	/*width: 400px;*/	margin: 0px;		padding: 0px;	font-size:14px;}
/* ================================================================*/
/* === Style partie technique       ===============================*/
/* ================================================================*/

/* ============== Messages formaté ==================================*/
.erreur-saisie { font-family:Georgia,serif; color: red;	font-size: 15px; }

/* ============== Barre de Commmande =========================*/
.commande-bar{		margin-top:20px; 	margin-bottom:20px;}
.commande-bar a{	position:relative;	display: block;	float:left;	width:100px;	height:50px;}
.commande-bar img{ 	max-width: 100px;	max-height: 50px;	display: block;	margin: auto; 	padding: 0px;		
	/*centrage vertical */	Position: absolute;			top:0;	bottom:0;	left:0;	right:0;}
/* ============== Page d'accueil technique - Ecran de Login =========================*/
.accueil-image 	{float : left;	}.accueil-image img {height: 60px;}
.accueil-titre {float: left;	font-size: 32px;	line-height: 34px;}
.accueil-login img {margin-left: 60px;	}
.accueil-login-inscription-form{margin-left: 50px; font-size: 14px;	line-height: 16px;}
.accueil-login-fieldset{font-family:Georgia,serif;	float : left;	width: 200px;	height: 130px;	margin: 5px;	padding: 1em;	border:1px solid #CCC;	background: #F8F8F8;	}
.accueil-login-fieldset label	{display: block;}
.accueil-inscription-form{font-size: 14px;	line-height: 16px;}
.accueil-inscription-fieldset{font-family:Georgia,serif;	float : left;	width: 200px;	height: 130px;	margin: 5px;	padding: 1em;	border:1px solid #CCC;	background: #F8F8F8;	}
.accueil-inscription-fieldset label	{display: block;}
.accueil-pied-page{clear: both;	padding-top:20px;}
.accueil-pied-page img {max-height: 40px; 	max-width:72px; vertical-align:middle;}
.accueil-erreur{color:red;}
/* ============== Page de finalisation inscription au site =========================*/
.inscription-form{font-size: 14px;	line-height: 16px;}
.inscription-fieldset{font-family:Georgia,serif;	float : left;	width: 200px;	height: 400px;	margin-left: 30px;	margin-bottom: 50px;	padding: 1em;	border:1px solid #CCC;	background: #F8F8F8;	}
.inscription-fieldset label	{display: block;}
.inscription-fieldset input[type=submit] {padding:5px 15px; margin:10px; background:#ccc; border:0 none; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; }
.inscription-fieldset input[type=submit]:hover {background:#aaa;}

/*================================================================================*/
.bienvenu 	{	font-family:Georgia,serif;	color: #656d70;	font-size: 32px; background: #fafafa; 	border: 1px solid #B9B9B9;	line-height: 20px;	margin: 0px; 	padding: 0px; height: 400px;}
.bienvenu1	{	margin: 50px auto auto 200px;	}
.bienvenu2	{	margin: 50px auto auto 170px;	}
.bienvenu3	{	margin: 50px auto auto 210px;	}
.bienvenu4	{	margin: 50px auto auto 50px;	font-size: 12px;}
.disclaimer	{	margin: 50px auto auto 50px;	font-size: 10px;}
/*================================================================================*/
.Fiche					{background: #fafafa; 	border: 1px solid #eee; 	font-size: 14px; 	line-height: 20px;	margin: 10px; 	padding: 10px; 	/*width: 650px;*/}
.Fiche-Image			{float: left;	margin: 10px;	padding: 0px;	Position: relative;		top: 0px;		left: 0px; }
.Fiche-Image img		{max-height: 300px; max-width: 300px;}
.Fiche-Reference		{font-family:Georgia,serif;	color: #656d70;	font-size: 32px;	margin-bottom: 30px; }
.Fiche-Designation		{margin-bottom: 20px; font-size: 20px;}
.Fiche-PrixPublic		{font-size: 14px;		}
.Fiche-PrixAchat		{font-size: 10px;		}
.Fiche-MAJPrix			{font-size: 12px;	margin-bottom: 20px;	color: #AAA; }
.Fiche-Obsolete			{font-size: 12px;	margin-bottom: 20px;	color: #F00; }
.Fiche-Obsolete	A		{font-size: 12px;	margin-bottom: 20px;	color: #F00;	text-decoration: none;}
.Fiche-Obsolete	A:visited{color: #AAA;	text-decoration: none;}
.Fiche-Consomation		{font-size: 14px;	margin-bottom: 20px;	color: #000; }
.Fiche-Pub				{font-size: 16px;	margin-bottom: 20px;	color: #00A200; }
.Fiche-Description		{clear: both; }
.Fiche-PlanPDF			{ margin: 0px;	padding: 0px;	}

/*================================================================================*/
.Liste-Reference		{background: #fafafa; 	border: 1px solid #eee; 	font-size: 14px; 	line-height: 20px;	margin: 10px; 	padding: 10px; 	/*width: 650px;*/ }
.Liste-Reference-photo	{float: left;	margin: 10px;	padding: 0px;	Position: relative;		top: 0px;		left: 0px; 	height: 100px; 	width:100px; }
.Liste-Reference-photo	img {display: block;	margin-left: auto; margin-right: auto;	padding: 0px;	Position: relative;		max-height: 100px; 	max-width:100px; }
.Liste-Reference-ref	{font-family:Georgia,serif;	color: #656d70;	font-size: 25px;	margin-bottom: 20px; }
.Liste-Reference-design	{font-size: 14px;	color: #888; }
.Liste-Reference-escape	{clear: both; }
.Liste-Obsolete			{font-size: 12px;	margin-bottom: 20px;	color: #F00; }
.Liste-Obsolete	A		{font-size: 12px;	margin-bottom: 20px;	color: #F00;	text-decoration: none;}
.Liste-Obsolete	A:visited{color: #AAA;	text-decoration: none;}
/*================================================================================*/
.Fiche-RefEnsemble			{background: #fafafa; 	border: 1px solid #eee; 	font-size: 14px; 	line-height: 20px;	margin: 5px; 	padding: 0px;}
.Fiche-RefEnsemble-Titre	{font-family:Georgia,serif;	color: #656d70;	font-size: 20px;	margin-bottom: 0px; }
.Fiche-RefEnsemble-Fiche	{display:inline-block; background: #f0f0f0; 	border: 1px solid #ccc; margin: 5px; 	padding: 5px; 	 	width:110px;}
.Fiche-RefEnsemble-photo	{float: left;	margin: 10px;	padding: 0px;	Position: relative;		top: 0px;		left: 0px; 	height: 100px; 	width:100px; }
.Fiche-RefEnsemble-photo img {margin-left: auto; margin-right: auto;	padding: 0px;	Position: relative;		max-height: 100px; 	max-width:100px; }
.Fiche-RefEnsemble-ref		{font-family:Georgia,serif;	color: #656d70;	font-size: 25px;	margin-bottom: 20px; }
.Fiche-RefEnsemble-design	{font-size: 14px;	color: #888; height: 100px;}
.Fiche-RefEnsemble-escape	{clear: both; }

/*=== Liste sur 2 colonnes les cases a cocher systeme =============================================================================*/
.Liste-2-Colonnes { }
.Liste-2-Colonnes UL {}
.Liste-2-Colonnes LI {display:block; width : 33%; height : 20px; float:left;}
.Liste-2-Colonnes-escape {clear: both; }
/*================================================================================*/
.Icone-Cadenas	{width: 50px;	height: 50px;	display: inline-block;	float: right; background-image: url("/Image/cadenas-ensemble.jpg");	background-repeat: no-repeat; }
.Icone-Cadenas a img	{	visibility: hidden; }
.Icone-Cadenas:hover  	{background-position: -103px top; }
.Icone-Cadenas-Open {display: inline-block;	float: right;  }
.Icone-Cadenas-Open input[type=submit] {width: 50px;	height: 50px;	 color:rgba(255,255,255,0);	border:0;	background-image: url("/Image/cadenas-ensemble.jpg");	background-position: -51px top;	background-repeat: no-repeat;}
.Icone-Cadenas-Open input[type=submit]:hover  {background-position: -103px top; }
/*======== CHUBB ===========================================================*/
.selection		{float: left;	}
.codesNiveaux	{clear: left; font-family:Georgia,serif;	color: #656d70;	font-size: 12px; line-height: 12px;	margin-bottom: 20px;}
.codesNiveaux h1	{font-size: 20px; line-height: 20px; padding: 0px; margin: 0px;}
.photoModele	{float: right;	margin: 10px;	padding: 0px;	Position: relative;		top: -100px;		left: 0px;	}
.photoModele img	{height: 150px; }
.tableDocuments	{clear: both;}
/*--- Configuration du bandeau ---*/
.BandeauClient fieldset { width: 720px;	height:140px; }
.BandeauClient marquee { width: 720px; marquee-speed:slow; marquee-style:scroll; marquee-play-count:infinite; marquee-direction:forward;}
.BandeauClient p{ clear: both; text-align:center; }
.BandeauClient img{  margin: 0px 10px 0px 0px;	 max-height: 100px; 	max-width:100px; vertical-align:middle;}
/*--------------------------------*/