@charset "utf-8";
/* CSS Document */

a:link {color: #91AF00;}
a:visited {color: #91AF00;}
a:focus {color: #6E0C53;}
a:hover {color: #6E0C53;}
a:active {color: #91AF00;}

body {
background: #A5C703;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

h1 {
background: #FFF url(../img/logo-dromenseigne.gif) left top no-repeat;
height: 98px;
margin: 0 0 0 20px;
padding: 0;
text-indent: -999999px;
width: 350px;
}
h1 a span {
background: transparent;
cursor: pointer; 
display: block;
height: 98px;
left: 0;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-indent: -999999px;
top: 0;
width: 350px;
}
#page-accueil h1 {
background: #FFF;
height: auto;
left: 20px;
margin: 0;
padding: 0;
text-indent: 0;
top: 20px;
position: absolute;
z-index: 2;
}
#page-accueil h2 {
border: none;
color: #A5C703;
font-size: 1.2em;
margin: 0 0 10px 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
h2 {
border-left: 11px solid #A5C703;
color: #6E0C53;
font-size: 2em;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
text-align: left;
text-transform: uppercase;
}
h3 {
border-left: 11px solid #A5C703;
color: #6E0C53;
font-size: 1.5em;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
text-align: left;
text-transform: uppercase;
}
img {border: none;}
p {
margin: 5px 0;
text-align: justify;
}
.cache,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
#blocActu {
background: transparent;
color: #FFF;
height: 94px;
left: 440px;
margin: 0;
padding: 30px 20px 0 10px;
position: absolute;
top: 434px;
width: 360px;
z-index: 2;
}
	#blocActu a {text-decoration: none;}
	#blocActu a:link {color: #FFF;}
	#blocActu a:visited {color: #FFF;}
	#blocActu a:focus {color: #FFF; text-decoration: underline;}
	#blocActu a:hover {color: #FFF; text-decoration: underline;}
	#blocActu a:active {color: #FFF;}
	
	#blocActu span {
	color: #9C0;
	text-transform: uppercase;
	}
	#blocActu p#actu2 {
	border-top: 2px dashed #9C0 ;
	padding: 5px 0 0 0;
	}
#blocActuBg {
position: absolute;
left: 440px;
top: 434px;
z-index: 1;
}
#blocDroite {
background: #FFF;
float: right;
/*position: relative;*/
width: 405px;
}
#blocGauche {
background: #FFF;
float: left;
margin: 0;
width: 400px;
}
#page-accueil #blocGauche {
background: #FFF;
float: left;
margin: 150px 0 0 0;
width: 400px;
}
#page- #blocGauche {
margin: 0 0 15px 0;
padding: 0 15px 0 0;
width: 385px;
}
#blocRefList {
position: absolute;
top: 424px;
}
#contenu {
background: #FFF;
border: none;
margin: 0;
padding: 20px 20px 10px 20px;
width: 810px;
}
#page-accueil #contenu {padding: 0 20px;}
#flashVideo {
float: left;
margin: 10px 0 0 20px;
width: 170px;
}
#footer {
background: #A5C703 url(../img/footer.gif) left top no-repeat;
color: #FFF;
margin: 0;
padding: 25px 0 0 0;
position: relative;
width: 850px;
}
	#footer a {text-decoration: none;}
	#footer a:link {color: #FFF;}
	#footer a:visited {color: #FFF;}
	#footer a:focus {color: #FFF; text-decoration: underline;}
	#footer a:hover {color: #FFF; text-decoration: underline;}
	#footer a:active {color: #FFF;}
	#footer p {text-align: center;}
#global {
background: #FFF;
margin: 9px auto 0 auto;
padding: 20px 0 0 0;
position: relative;
width: 850px;
}
#header {
background: transparent;
height: 165px;
padding: 0;
position: relative;
}
#mention strong {
color: #6E0C53;
}
#txtAccueil {
font-size: 10px;
padding: 0 10px 0 0;
}
/* Titres
---------------------*/
#h-actu {
background: transparent url(../img/h-actu.gif) left top no-repeat;
border: none;
height: 32px;
padding: 0;
}
#h-produit {
background: transparent url(../img/h-produit.gif) left top no-repeat;
border: none;
height: 32px;
padding: 0;
}
#h-reference {
background: transparent url(../img/h-reference.gif) left top no-repeat;
border: none;
height: 32px;
padding: 0;
}
#h-atelier {
background: transparent url(../img/h-atelier.gif) left top no-repeat;
border: none;
height: 32px;
padding: 0;
}
#h-contact {
background: transparent url(../img/h-contact.gif) left top no-repeat;
border: none;
height: 32px;
padding: 0;
}
#h-mention {
background: transparent url(../img/h-mention.gif) left top no-repeat;
border: none;
height: 32px;
padding: 0;
}
/* Classes
------------------------*/
.imgDefault {
left: 425px;
position: absolute;
top: 138px;
}
.actuTxt {padding: 0 10px 0 0;}
.blocActu {
border-bottom: 2px dashed #6E0C53;
margin: 0 0 10px 0;
}
	.blocActu h3 {
	border: none;
	color: #000;
	font-size: 1.1em;
	padding: 0;
	text-transform: none;
	}
.blocProd {
float: left;
margin: 0 10px 10px 0;
width: 149px;
}
.blocProd h3 {
background: #FFF url(../img/blocRef2-bg.gif) left top no-repeat;
border: none;
color: #FFF;
font-size: 0.85em;
height: 18px;
margin: 0;
padding: 5px 5px 0 0;
text-align: right;
text-transform: uppercase;
}
.blocProd h3 a {text-decoration: none;}
.blocProd h3 a:link {color: #FFF;}
.blocProd h3 a:visited {color: #FFF;}
.blocProd h3 a:focus {color: #FFF;}
.blocProd h3 a:hover {color: #FFF;}
.blocProd h3 a:active {color: #FFF;}

.blocRef {
color: #FFF;
float: left;
font-size: 0.85em;
font-weight: bold;
height: 140px;
margin: 10px 4px 0 0;
text-align: right;
text-transform: uppercase;
width: 128px;
}
	.blocRef p {
	background: #FFF url(../img/blocRef-bg.gif) left top no-repeat;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: right;
	}
	#blocRefBtn.blocRef {width: 120px;}
.bold {font-weight: bold;}
.btnForm {
background: #6E0C53;
border: none;
color: #FFF;
cursor: pointer;
}
.center {text-align: center;}
.date {
color: #A5C703;
font-weight: bold;
text-transform: uppercase;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
}
.obligatoire {
color: #C68E0F;
}
.separateur {
border: none;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
/* Navigation page d'accueil
-----------------------------*/
div#navIndex {
background: #FFF;
border: 0;
float: left;
height: 134px;
margin: 5px 0 0 0;
padding: 0;
width: 191px;
}

div#navIndex ul#menu {
background: transparent url(../img/nav.gif) top left no-repeat;
height: 134px;
margin: 0;
padding: 0;
position: relative;
width: 191px;
}

div#navIndex ul#menu li {
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width: 191px;
}
	
#navIndex ul#menu li, #navIndex ul#menu a {
display: block;
height: 23px;
}
#navIndex ul#menu li a {
text-decoration: none;
text-indent: -9999px;
}
#navIndex #nav-produit		{top: 0;}
#navIndex #nav-reference	{top: 37px;}
#navIndex #nav-atelier 		{top: 74px;}
#navIndex #nav-contact 		{top: 111px;}

#navIndex #nav-produit a:hover 		{background: transparent url(../img/nav.gif) 0 -134px no-repeat;}
#navIndex #nav-reference a:hover 	{background: transparent url(../img/nav.gif) 0 -171px no-repeat;}
#navIndex #nav-atelier a:hover 		{background: transparent url(../img/nav.gif) 0 -208px no-repeat;}
#navIndex #nav-contact a:hover 		{background: transparent url(../img/nav.gif) 0 -245px no-repeat;}
/* Navigation pages intérieures
--------------------------------------*/
#nav {
background: #FFF;
left: 390px;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 90px;
width: 460px;
}
#nav ul {
	float: left;
	width: 460px;
	list-style: none;
	line-height: 1;
	background: none;
	font-weight: normal;
	padding: 0;
	border: none;
	margin: 2px 0 0 0;
}
#nav #nav-produit		{width: 109px;}
#nav #nav-reference		{width: 127px;}
#nav #nav-atelier 		{width: 83px;}
#nav #nav-contact 		{width: 135px;}

#nav a {
	border-left: 6px solid #C3D666;
	display: block;
	width: auto;
	color: #C3D666;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 0.25em 0 4px;
}
	#nav a:hover {
	border-left: 6px solid #A5C703;
	color: #6E0C53;
	}

	#nav li li a {
	background: none;
	height: auto;
	padding: 5px 0;
	text-align: left;
	}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
}

#nav li ul {
	background: #FFF;
	position: absolute;
	left: -999em;
	height: auto;
	width: 11em;
	font-weight: normal;
	border: none;
	border-width: 0.1em;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#nav li li {
	border-bottom: 1px solid #CCC;
	padding: 0;
	width: 11em;
}

#nav li ul a {
	border-left: 6px solid #C3D666;
	color: #A5C703;
	width: 11em;
	padding: 0.5em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li a, #nav li a {
	background: #FFF;
	color: #C3D666;
}
	#nav li li a, #nav li li a {
	background: #FFF;
	color: #A5C703;
}
		#nav li li a:hover, #nav li li a:hover {
		background: #FFF;
		border-left: 6px solid #C3D666;
		color: #6E0C53;
	}

/* Formulaire de contact
--------------------------------------------------*/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 95%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #A5C703;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 98%;
}
#formContact label {
	color: #6E0C53;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: normal;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	text-transform: uppercase;
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact .labelSimple {margin: 0 0 0 32%;}
#formContact .labelSimple label {float: none;}
#formContact legend {
	color: #6E0C53;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}

#formContact input#cv,
#formContact input#nom,
#formContact input#prenom,
#formContact input#fonction,
#formContact input#societe,
#formContact input#telephone,
#formContact input#fax,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#pays,
#formContact input#rubrique,
#formContact input#titre,
#formContact input#secteuractivite,
#formContact input#societe_telephone,
#formContact input#societe_fax,
#formContact input#societe_mail,
#formContact input#site_web,
#formContact input#portable,
#formContact input#ville {
width: 63%;
}

#formContact textarea {
margin: 0.2em;
width: 63%;
}
#formContact p {margin: 5px 0;}

#msgRetourForm { margin: 50px 0 0 0;}
/* FCK Editor
--------------------*/
#fck {
margin: 0 0 15px 0;
padding: 0 15px 0 0;
}
#fck .titre1 {
color: #A5C703;
font-size: 1.1em;
font-weight: bold;
margin: 10px 0 5px 0;
text-transform: uppercase;
}