/* Debut de l'initialisation des styles */
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td, legend {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

ol, ul {
	list-style-type:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {
	text-align:left;
}

form, legend, input, fieldset, img {
	border:0;
}

dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {
	font-style:normal;
	font-weight:normal;
}

q:before, q:after {
	content:'';
}

a {
	-moz-outline-style:none;
}
/* Fin de l'initialisation des styles */

body			{ background:#002052; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
img { position:relative; }
table,select,p,input,select,textarea{ font-size:12px; }
a				{ color:#00AEEF; text-decoration:none; }
a:hover			{ text-decoration:none; }

div#all			{ background:#fff; margin:0 auto; width:905px; }
div#header, div#content, div#footer,
div#menu		{ width:100%; }

br.clear { clear:left; }
/* DIVs génér. ************ ************ ************ ************ ************ ************  */

div#header		{ position:relative; background:url(../img/header.jpg) no-repeat top right; height:205px; }
div#menu		{ border-bottom:1px solid white; }
div#content		{ position:relative; margin:10px 0 0 0; }
div#footer		{ position:relative; margin:60px 0 0 0; padding:15px 0 15px 0; width:100%; background:url(../img/bg_footer.jpg) top left repeat-x; text-align:center; border-top:1px dotted #00AEEF; }
div#footer a, div#footer a:visited, div#footer a:hover	{color:#fff;}
input[type="submit"] { background:#00AEEF; padding:5px; color:#fff; font-weight:bold; cursor:pointer; }
input[type="submit"]:hover { background:#96ddf7; }

/* HEADER      ************ ************ ************ ************ ************ ************  */
div#header div	{ position:relative; background:#fff; float:left; width:212px; height:100%; border-right:1px dotted #ccc; }
div#header img	{ position:absolute; top:30px; left:30px; }
div#header h1	{ position:absolute; left:-9999px; }
p#qui {font-size:14px;padding-left:25px;color:#00AEEF;font-weight:bold;}

/* MENU        ************ ************ ************ ************ ************ ************  */
div#menu { position:relative;}
div#menu ul	{ position:absolute; top:-65px; left:228px; width:500px; color:#88a3b8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; line-height:20px; }
div#menu ul li			{ display:inline; position:relative; vertical-align:center; }
div#menu ul li a			{ padding:0 5px; background:none; color:#fff; text-decoration:none; line-height:16px; }
div#menu ul li a.ok		{ background:none; font-size:11px; font-weight:bold; }
div#menu ul li a:hover	{ background:none; color:#dfe3f0; }
div#menu form	{ margin:0 0 0 25px; width:187px; border-right:1px dotted #ccc; }
div#menu select	{ border:1px solid #000; width:170px; }

/* FOOTER */
div#footer ul { position:relative; }
div#footer ul li { display:inline; margin:0 10px 0 0; font-size:12px; }

/* CONTENT     ************ ************ ************ ************ ************ ************  */
div#nav-main, div#content-sub, div#content-main { position:relative; }
div#nav-main { float:left; margin:-50px 32px 0 0; padding:0 0 200px 25px; width:187px; border-right:1px dotted #ccc; background:url(../img/nav-main-anneaux.gif) no-repeat left bottom; }
div#content-main { float:left; width:255px; background:url(../img/content-main-left.gif) repeat-y 0 0; }
div.content-main2 { position:relative; padding:10px 0 0 10px; width:240px; background:url(../img/content-main-top.gif) no-repeat 0 0;}
div#content-sub { float:left; margin:0 25px 0 0; width:378px; }

div.gastine div#nav-main, div.custos div#nav-main, div.candidature div#nav-main, div.recrutement div#nav-main, div.plan div#nav-main, div.mentions-legales div#nav-main { float:none; position:absolute; left:0; top:30px; }
div.mentions-legales span.numero { color:#00AEEF;font-weight:bold; }
div.gastine div#content-sub, div.custos div#content-sub, div.candidature div#content-sub, div.recrutement div#content-sub, div.plan div#content-sub, div.mentions-legales div#content-sub {float:none; margin:0 0 0 244px; width:378px; }
div.gastine div#content-main, div.custos div#content-main, div.candidature div#content-main, div.recrutement div#content-main, /*div.contact div#content-main,*/ div.mentions-legales div#content-main { float:none; margin:0 0 0 244px; background:none; width:378px; }
div.gastine div.content-main2, div.custos div.content-main2, div.candidature div.content-main2, div.recrutement div.content-main2, /*div.contact div.content-main2, */div.mentions-legales div.content-main2 { background:none; padding:0; width:100%; }
/* div#content-news { position:relative; float:right; margin:0 5px 0 0; width:255px; } */
div#content-news { position:absolute; top:30px; right:5px; width:255px; }
h2				{ font-size:24px; font-weight:bold; margin:0 0 15px 0; color:#00aeef; }
h3 { margin:0 0 10px 0; font-size:16px; color:#00AEEF; font-weight:bold; }
h3 strong, h3 b { font-weight:bold; color:#00aeef; }
h4 { margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#333; }
ul.liste1, ul.liste-references { list-style-type:disc; position:relative; margin:0 0 0 15px; }
p, ul.liste1 li				{ margin:5px 0 10px 0; font-size:12px; }
ul.liste-inline { position:relative; margin:0 0 15px 0; }
ul.liste-inline li { display:inline; margin:0 10px 0 0; }
ul.liste-inline li * { white-space:nowrap; }
ul.liste-references li { margin:0 0 4px 0;}
p.lien-suite, p.lien-retour { font-weight:bold; text-align:right; }
p.lien-suite a, p.lien-retour a { text-decoration:none; color:#00AEEF; }
p.lien-suite a:hover, p.lien-retour a:hover { color:#00AEEF; opacity:0.5; MozOpacity:0.5; filter:alpha(opacity=50); }
strong, b {font-weight:bold; color:#333; }
em, i { font-style:italic; }
label			{ display:block; float:left; width:100px; }
.blue			{ color:#234c6c; }
.big			{ font-size:14px; }
p.fd			{ background:#f0f6fa; }
img.space		{ clear:left; height:1px;  }
div.white		{ background:white; margin:0 0 20px 0; padding:0 0 0 0; }
div.no_bg		{ background:none !important; }
div.white .bg	{ /*background:url(../img/bg_white_left.gif) repeat-y 168px 0;*/ margin:20px 0; }
div.fixheight, div.fixheight .bg, div.white dl { position:relative; }
div#content-sub img.produit { margin:0 0 20px 0; }


div.fixheight { margin:0 25px 0 0; width:616px; }
div.fixheight .bg{ }
div#nav-main dl { margin:30px 0 0 0;}
div#nav-main dl, div#nav-main dt, div#nav-main dd { position:relative; font-size:14px; }
div#nav-main dt { margin:15px 0 0 0; border-top:1px solid #00aeef; }
div#nav-main dt, div#nav-main dd { padding:3px 0; border-bottom:1px dotted #073982; }
div#nav-main dt a, div#nav-main dd a { text-decoration:none; }
div#nav-main dt, div#nav-main dt a { color:#00aeef; }
div#nav-main dd, div#nav-main dd a { color:#073982; }

div.white dl	{ color:#566673; }
div.white dt	{ font-weight:bold; margin:10px 0 0 0; }
div.white dl a	{ color:#566673; text-decoration:none; }
div.white dl a:hover	{ text-decoration:underline; }
div.white .txt		{ color:#566673; margin:0 0 0 195px; padding:20px 0 16px 0; }
div.white .txt h2	{ color:#234c6c; margin-bottom:10px; }
div.white .txt h2.ficheproduit	{ font-size:24px !important;  }
div.white .txt h3	{ color:#f36c00; font-weight:normal; font-size:14px; margin:0 0 0 0; }
div.white .txt a	{ color:#234c6c; text-decoration:none; }
div.white .txt a:hover	{ text-decoration:underline; }
input#nom, input#prenom, input#email, input#tel, input#societe, input#adresse, input#raison, input#fonction { border:1px solid #00aeef; width:140px; }
input#cv, textarea { border:1px solid #00aeef; width:240px; }

div.white dl		{ position:relative; margin:0 0 0 30px; float:left; width:182px; border-right:1px dotted #ccc; }

/************test pour déplacer formulaire de demande d'info***************/
div#demande {float:left;clear:both;background-color:#000000;}


/************test pour déplacer formulaire de demande d'info***************/

div.info { position:relative; }
/* div.info			{ background:white; color:#566673; margin:0 0 20px 169px; padding:20px 20px 16px 30px; } */
div.info h2			{ color:#234c6c; }
a.btn_lire			{ background:#e96f17; border:1px solid #a54e0f; color:white; font-weight:bold; padding:8px 4px; text-decoration:none; }

/* file ariane */
#filariane			{ position:relative; margin:0 0 0 244px; height:25px; }
#filariane .bg		{ position:relative; }
#filariane .bg p	{ position:relative; }
#filariane .bg p.acc	{ float:left; }
#filariane .bg p.acc a	{ font-weight:bold; }
#filariane .bg p a	{ color:#546471; text-decoration:none; } #filariane .bg p a:hover { color:#546471; text-decoration:underline; }
#filariane .txt		{ position:relative; color:#546471; margin:0 0 0 85px !important; margin:0 0 0 85px; padding:5px 0 0 0; }
#filariane .txt p	{ margin:0; padding:0; }
#filariane .txt span{ display:block; position:relative; float:right; margin:0 30px 0 0; width:16px; height:16px; background:url(../img/print.png) no-repeat 0 0; }*/
#filariane .txt span a { display:block; position:relative; width:100%; height:100%; text-indent:-9999px; }
#filariane .txt span img{ border:0; vertical-align:middle; }

/* pages categories */
	ul.categories		{ position:relative; }
	ul.categories li	{ position:relative; margin:0 0 15px 0; display:block; }
	ul.categories li img{ /* border:1px solid #566673; */ width:150px; }
	ul.categories li h3 { font-weight:bold; }
	ul.categories li h3 a { text-decoration:none; color:#00AEEF; }

/* pages produits */

	div.details	 	{ color:#566673; }

	/* div.details .produit 			{ position:relative; background:#f36c00 url(../img/bg_produit.gif) repeat-x top right; width:300px; margin:15px 0 20px 0; } */
	div.details .produit td			{ vertical-align:center }
	div.details .produit .prix 		{ background:#536571; color:white; font-size:12px; font-weight:bold; height:80px; padding:0 10px; text-align:center; width:120px; }
	div.details .produit .bis 		{ background:#5e7280 !important; }
	div.details .produit .prix span	{ font-size:22px; }
	div.details .produit .prix span sup	{ font-size:12px; }
	div.details .produit .freq 		{ background:#b3bfcb; color:white; height:30px; font-size:10px; font-weight:bold; text-align:center; }
	div.details .produit .info 		{ color:white; font-size:14px; padding:0 10px 5px 30px; }
	div.details .produit .info span	{ font-size:25px; }

	/* div.details h3		{ background:#f36c00; color:white; font-size:14px; font-weight:normal; padding:10px 20px 10px 30px; } */
	div#content-sub h2.titre-arrondi { position:relative; display:inline; clear:both; margin:0 0 30px 0; padding:5px 10px; font-size:20px; color:#fff; background:url(../img/arrondi-titre-bleu.gif) no-repeat right bottom #00aeef; }
	div.details .txt	{ font-weight:normal; margin:0 10px 20px 10px; }
	div.details .txt p	{ padding:5px 0; }

	div.details div.infos	{ background:#b3bfcb; padding:5px 0; }
	div.details div.infos h3{ background:none; color:#234c6c; font-weight:bold; padding-bottom:0; }
	div.details div.infos p { padding:0 20px 10px 30px; }
	div.details div.infos input	{ width:235px; border:0; background:#b3bfcb; color:#234c6c; font-weight:bold; white-space:normal; }
	div.details div.infos input:hover	{ color:black; }

div#bloc-prix { position:relative; margin:15px 0 0 0; }
div#bloc-prix ul { position:relative;}
div#bloc-prix ul li { position:relative; block; float:left; margin:0 5px 0 0; width:99px; font-size:10px; text-transform:lowercase; color:#fff; }
div#bloc-prix ul li span { position:relative; display:block; width:79px; padding:3px 10px; }
div#bloc-prix ul li strong { display:block; float:left; margin:0 3px 0 0; font-size:18px; font-weight:bold; color:#fff; }
div#bloc-prix ul li sup { float:left; text-transform:uppercase; padding:8px 0 0 0; }
div#bloc-prix ul li.prix1 { background:url(../img/prix1-2.gif) no-repeat left bottom #00aeef; }
div#bloc-prix ul li.prix2 { background:url(../img/prix2-2.gif) no-repeat left bottom #073982; }
div#bloc-prix ul li.prix1 span { background:url(../img/prix1-1.gif) no-repeat right top; }
div#bloc-prix ul li.prix2 span { background:url(../img/prix2-1.gif) no-repeat right top; }

/* page news */
	div.news .info p{ padding:0; } 
	div.news img.r	{ border:0; float:right; } 

/* Plan du site */
ul#nav-sitemap a { color:#333; text-decoration:none; }
ul#nav-sitemap a:hover { text-decoration:underline; }
ul#nav-sitemap ul { margin:0 0 10px 10px; }
ul#nav-sitemap h3 a { color:#00AEEF; }
/* FOOTER      ************ ************ ************ ************ ************ ************  */
div#footer p	{ color:#000; text-align:center; font-size:9px; padding-top:10px; }
div#footer p a	{ color:#000; text-decoration:none; }
div#footer p a:hover { text-decoration:underline; }





/* CHANGEMENTS COULEUR #f36c00 */



/*.particulier  #filariane		{ background:#f25b22 !important; }
.particulier  #filariane .bg p, .particulier #filariane .bg p a, .particulier #filariane .txt { color:#484c50; }*/
/* .particulier  div#menu form			{ background:#f75921; } */
.particulier div.white .txt h3		{ color:#f75921; }
.particulier div.details .produit	{ background:#f75921 url(../img/bg_produit_particulier.gif) repeat-x top right; }
/* .particulier div.details h3			{ background:#f75921; } */
/*.professionnel #filariane 		{ background:#BBBFC2 !important; }
.professionnel #filariane .bg p, .professionnel #filariane .bg p a, .professionnel #filariane .txt { color:#002c4c; }*/
/* .professionnel  div#menu form		{ background:#bdbec6; } */
.professionnel div.white .txt h3	{ color:#bdbec6; }
.professionnel div.details .produit	{ background:#bdbec6 url(../img/bg_produit_professionnel.gif) repeat-x top right; }
/* .professionnel div.details h3		{ background:#bdbec6; } */
/*.public #filariane				{ background:#0060a9 !important; }
.public #filariane .bg p, .public #filariane .bg p a, .public #filariane .txt { color:#002038; }*/
/* .public  div#menu form				{ background:#0061ad; } */
.public a							{ color:#0061ad; }
.public a:hover						{ color:black; }
.public div.white .txt h3			{ color:#0061ad; }
.public div.details .produit		{ background:#0061ad url(../img/bg_produit_public.gif) repeat-x top right; }
/* .public div.details h3				{ background:#0061ad; } */
/*.multi-sites #filariane			{ background:#fecc00 !important; }
.multi-sites #filariane .bg p, .multi-sites #filariane .bg p a, .multi-sites #filariane .txt { color:#785a00; }*/
/* .multi-sites  div#menu form			{ background:#ffcf00; } */
.multi-sites a						{ color:#f4bd00; }
.multi-sites a:hover				{ color:black; }
.multi-sites div.white .txt h3		{ color:#f4bd00; }
.multi-sites div.details .produit	{ background:#ffcf00 url(../img/bg_produit_multi-sites.gif) repeat-x top right; }
.multi-sites div.details h3			{ background:#ffcf00; }
/*.banque #filariane				{ background:#831831 !important; }
.banque #filariane .bg p, .banque #filariane .bg p a, .banque #filariane .txt { color:#430d14; }*/
/* .banque  div#menu form				{ background:#841831; } */
.banque a							{ color:#841831; }
.banque a:hover						{ color:black; }
.banque div.white .txt h3			{ color:#841831; }
.banque div.details .produit		{ background:#841831 url(../img/bg_produit_banque.gif) repeat-x top right; }
/* .banque div.details h3				{ background:#841831; } */

/*.custos #filariane				{ background:#009470 !important; }
.custos #filariane .bg p, .custos #filariane .bg p a, .custos #filariane .txt { color:#00382b; }
.asscustos #filariane				{ background:#009470 !important; }
.asscustos #filariane .bg p, .asscustos #filariane .bg p a, .asscustos #filariane .txt { color:#00382b; }
.gastine #filariane				{ background:url(../img/bg_gastine.gif) repeat top left; }
.gastine #filariane .bg p, .gastine #filariane .bg p a, .gastine #filariane .txt { color:#d8b1a2; }*/
.gastine div.details h3			{ color:#fff; background:url(../img/bg_gastine.gif) repeat top left !important; }


/**** Modifs Eric 12/01/2009 ****/

div#content-sub dt
{
	float:left;
	font-weight:bold;
	color:#00aeef;
	margin-right:10px;
}

div#content-sub dd
{
	margin-bottom:10px;
}

img.fl
{
	float:left;
	margin:0 10px 10px 0;
}

img.fr
{
	float:right;
	margin:0 0 10px 10px;
}

span.mea
{
	color:#00aeef;
	font-weight:bold;
}

.legend
{
	font-size:10px;
	font-style:italic;
}

/**** Liste des agences ****/

div#agence {
	width:100%;
	height:100%;
	background-color:#fff;
	padding:10px;
}

div#agence dt {
	font-weight:bold;
	color:#00AEEF;
}

div#agence dd {
	margin-bottom:10px;
}


/**** Bouton Contact ***/
.go-left {
	text-align:left;
}

.go-center {
	text-align:center;
}

.go-right {
	text-align:right;
}	

.btn_contact {
	background:url(../img/mail.gif) no-repeat 8px 0;
	padding-left:42px;
	font:bold 12px/32px Arial, Helvetica, sans-serif;
	color:#00AEEF;
	display:inline-block;
	height:32px;
	border:3px solid #fc928c;
	padding:1px 10px 1px 48px;
	width:42px;
}	

.invisible {
	visibility:hidden;
	clear:both;
	height:15px;
}

/**** formulaire de contact ajout ****/
#formulaire-contact-principal .left {
	width:50%;
	float:left;
}


