@charset "utf-8";
/* CSS Document : Sery Ouest */
/* ELEMENTS HTML */
a {
color: #000;
text-decoration: none;
}
body {
background: #C0C0C0;
font: 80% Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
}
dd {margin: 2px 0 10px 10px;}
dl {width: 80%;}
dt {
color: #809F13;
font-weight: bold;
margin: 2px 0;
}
h2 {
margin: 0;
padding: 0;
}
h3 {
margin: 10px 0 0 0;
padding: 0;
}
#pageLexique h3 {
border-bottom: 1px solid #CCC;
width: 80%;
}
img {border: none;}
li {margin: 7px 0;}

/********************************/

#col {/* fond navig verticale en repeat-y */
background: #FFF url(../img/com/bg_page_nav.jpg) left top repeat-y;
margin: 0 auto;
padding: 0;
position: relative;
width: 986px;
}
body#index #contenu {
margin: 0;
padding: 0;
text-align: left;
}
#contenu {
margin: 0 0 0 150px;
padding: 0 0 15px 40px;
text-align: left;
width: auto;
}
#flash {
margin: 0 0 0 150px;
}
#global {
background: url(../img/com/bg_page.jpg) left top no-repeat;
border: 1px solid #666;
min-height: 582px;
margin: 0 auto;
padding: 0;
position: relative;
width: 984px;
}
body#index #global {
background: #FFF url(../img/com/bg_index.jpg) left top no-repeat;
height: 582px;
margin: 0 auto;
padding: 0;
position: relative;
width: 984px;
}
#header {
height: 176px;
margin: 0;
padding: 0;
}
#navABC {
height: 18px;
margin: 10px 0 20px 0;
padding: 0;
}
#navABC li {
border: 1px solid #E82A84;
float: left;
height: 18px;
list-style-type: none;
margin: 0 10px 0 0;
text-align: center;
width: 18px;
}
#navABC li a {
background: #FFF;
color: #333;
display: block;
}
#navABC li a:hover {
background: #E82A84;
border-bottom: 2px solid #E82A84;
color: #FFF;
display: block;
}

/***************************************/
/*****         page Accueil       ******/
/***************************************/
#actu {
background: #FFF url(../img/fr/bg_actu.png) 0 0 no-repeat;
height: 151px;
left: 495px;
margin: 0;
padding: 0;
position: absolute;
top: 430px;
width: 481px;
}
#actu h3 {margin: 0;
padding: 0;}
#actu h3 a { /* btn sur le bandeau de titre L'Actu Sery Ouest*/
display: block;
height: 25px;
margin: 0;
padding: 0;
position: relative;						
text-indent: -10000px;
width: 130px;
}
#actu img {
left: 15px;
position: absolute;
top: 30px;
}
#actu div {
font-size: 0.9em;
left: 170px;
margin: 0;
padding: 0;
position: absolute;
top: 5px;
width: 265px;
}
#actu p {margin: 0 0 5px 0;}
#actu p a {text-decoration: underline;}
#actu p.titre a {
color: #FFF;
font-weight: bold;
text-decoration: none;
}
#blocAutocollant, #blocImpNum,
#blocMarquage, #blocImpSpe, #blocPlv {
margin: 0;
padding: 0;
position: absolute;
width: 140px;
}
#blocAutocollant p, #blocImpNum p,
#blocMarquage p, #blocImpSpe p,
#blocPlv p {
margin: 0 0 10px 0;
padding: 0;
}
#blocAutocollant p:first-letter, #blocImpNum p:first-letter,
#blocMarquage p:first-letter, #blocImpSpe p:first-letter,
#blocPlv p:first-letter {
font-size: 1.4em;
}
#blocImpSpe ul {
margin: 0;
padding: 0 0 0 20px;
}
#blocAutocollant {
left: 186px;
top: 263px;
}
#blocImpNum {
left: 348px;
top: 252px;
}
#blocMarquage {
left: 504px;
top: 216px;
}
#blocImpSpe {
left: 659px;
top: 216px;
}
#blocPlv {
left: 814px;
top: 209px;
}
/**************************************/
/***** Navigation page d'accueil ******/
/**************************************/

/*****   Navigation horizontale   ******/

#blocAutocollant h2 a,
#blocImpNum h2 a,
#blocMarquage h2 a,
#blocImpSpe h2 a,
#blocPlv h2 a {
display: block;
height: 45px;
margin: -55px 0 10px -5px;
position: relative;
text-indent: -10000px;
width: 120px;
}

/* btn savoir plus */
body#index #navAutocollant, body#index #navImpNum,
body#index #navMarquage, body#index #navImpSpe, body#index #navPlv {
border: none;
display: block;
height: 36px;
width: 127px;
}
body#index #navAutocollant {
background: #FFF url(../img/fr/btn_autocollant.png) left top no-repeat;
}
body#index #navAutocollant:hover {
background: #FFF url(../img/fr/btn_autocollant.png) 0 -36px no-repeat;
}
body#index #navImpNum {
background: #FFF url(../img/fr/btn_impNum.png) left top no-repeat;
}
body#index #navImpNum:hover {
background: #FFF url(../img/fr/btn_impNum.png) 0 -36px no-repeat;
}
body#index #navMarquage {
background: #FFF url(../img/fr/btn_marquage.png) left top no-repeat;
}
body#index #navMarquage:hover {
background: #FFF url(../img/fr/btn_marquage.png) 0 -36px no-repeat;
}
body#index #navImpSpe {
background: #FFF url(../img/fr/btn_impSpe.png) left top no-repeat;
}
body#index #navImpSpe:hover {
background: #FFF url(../img/fr/btn_impSpe.png) 0 -36px no-repeat;
}
body#index #navPlv {
background: #FFF url(../img/fr/btn_plv.png) left top no-repeat;
}
body#index #navPlv:hover {
background: #FFF url(../img/fr/btn_plv.png) 0 -36px no-repeat;
}
/*****   Navigation verticale   ******/
div#navIndex {
background: transparent;
border: 0;
height: 250px;
margin: 121px 0 0 0;
padding: 0;
width: 131px;
}

div#navIndex ul#menu {
height: 250px;
width: 131px;
background: transparent url(../img/fr/navIndex.jpg) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
}

div#navIndex ul#menu li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
}
#navIndex ul#menu li, #navIndex ul#menu a {
display: block;
}	
#navIndex ul#menu li #navEntreprise, #navIndex ul#menu #navEntreprise a,
#navIndex ul#menu li #navRealisation, #navIndex ul#menu #navRealisation a,
#navIndex ul#menu li #navContact, #navIndex ul#menu #navContact a {
height: 25px;
}
#navIndex ul#menu li #navDevis, #navIndex ul#menu #navDevis a {
height: 79px;
}
#navIndex ul#menu li #navMention, #navIndex ul#menu #navMention a {
height: 19px;
}
div#navIndex ul#menu li a {
text-indent: -9999px;
text-decoration: none;
}
#navIndex #navEntreprise {top: 0; width: 131px;}
#navIndex #navRealisation {top: 25px; width: 131px;}
#navIndex #navContact {top: 50px; width: 131px;}
#navIndex #navDevis {top: 75px; width: 131px;}
#navIndex #navMention {top: 231px; width: 131px;}

#navIndex #navEntreprise a:hover {background: transparent url(../img/fr/navIndex.jpg) 0 -250px no-repeat;}
#navIndex #navRealisation a:hover {background: transparent url(../img/fr/navIndex.jpg) 0 -275px no-repeat;}
#navIndex #navContact a:hover {background: transparent url(../img/fr/navIndex.jpg) 0 -300px no-repeat;}
#navIndex #navDevis a:hover {background: transparent url(../img/fr/navIndex.jpg) 0 -325px no-repeat;}
#navIndex #navMention a:hover {background: transparent url(../img/fr/navIndex.jpg) 0 -481px no-repeat;}


#navMot {
background: transparent url(../img/fr/btnMotMetier.gif) left top no-repeat;
display: block;
height: 64px;
left: 20px;
position: absolute;
text-indent: -10000px;
top: 430px;
width: 75px;
}
#navMot:hover {background: transparent url(../img/fr/btnMotMetier-hover.gif) left top no-repeat;}

/*** Navig horizontale pages interieures ***/

#retourAccueil { /* btn sur le header */
display: block;
height: 90px;
margin: 0;
position: relative;
text-indent: -10000px;
width: 145px;
}
div#navHoriz {
	background: transparent;
	border: 0;
	height: 136px;
	left: 197px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 36px;
	width: 765px;
}

div#navHoriz ul#menu2 {
	background: transparent url(../img/fr/navHorizInt.jpg) top left no-repeat;
	height: 136px;
	margin: 0;
	padding: 0;
	width: 765px;
}

div#navHoriz ul#menu2 li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
	
ul#menu2 li, ul#menu2 a {
	height: 66px;
	display: block;
}
ul#menu2 li#navAutocollant, ul#menu2 a li#navAutocollant {top: 46px;}
ul#menu2 li#navImpNum, ul#menu2 a li#navImpNum {top: 26px;}
ul#menu2 li#navMarquage, ul#menu2 a li#navMarquage {top: 16px;}

div#navHoriz ul#menu2 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#navAutocollant	{left: 0; width: 153px;}
#navImpNum {left: 153px; width: 153px;}
#navMarquage {left: 312px; width: 153px;}
#navImpSpe {left: 468px; width: 153px;}
#navPlv {left: 624px; width: 133px;}

#navAutocollant a:hover	{background: transparent url(../img/fr/navHorizInt.jpg) 0 -182px no-repeat;}
#navImpNum a:hover {background: transparent url(../img/fr/navHorizInt.jpg) -153px -162px no-repeat;}
#navMarquage a:hover {background: transparent url(../img/fr/navHorizInt.jpg) -312px -152px no-repeat;}
#navImpSpe a:hover {background: transparent url(../img/fr/navHorizInt.jpg) -468px -136px no-repeat;}
#navPlv a:hover {background: transparent url(../img/fr/navHorizInt.jpg) -624px -136px no-repeat;}

/* "Vous etes ici"  */
body#pageAutocollant #navAutocollant {background: transparent url(../img/fr/navHorizInt.jpg) 0 -182px no-repeat;}
body#pageImpNum #navImpNum {background: transparent url(../img/fr/navHorizInt.jpg) -153px -162px no-repeat;}
body#pageMarquage #navMarquage {background: transparent url(../img/fr/navHorizInt.jpg) -312px -152px no-repeat;}
body#pageImpSpe #navImpSpe {background: transparent url(../img/fr/navHorizInt.jpg) -468px -136px no-repeat;}
body#pagePlv #navPlv {background: transparent url(../img/fr/navHorizInt.jpg) -624px -136px no-repeat;}

/*****   Navigation verticale pages interieures   ******/
div#nav {
background: transparent;
border: 0;
float: left;
height: 302px;
margin: 56px 0 0 0;
padding: 0;
width: 138px;
}

div#nav ul#menu {
background: transparent url(../img/fr/navVerticInt.jpg) top left no-repeat;
height: 302px;
margin: 0;
padding: 0;
position: relative;
width: 138px;
}

div#nav ul#menu li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
}
ul#menu li, ul#menu a {
display: block;
}
ul#menu li #navAccueil, ul#menu #navAccueil a,	
ul#menu li #navActu, ul#menu #navActu a,
ul#menu li #navEntreprise, ul#menu #navEntreprise a,
ul#menu li #navRealisation, ul#menu #navRealisation a,
ul#menu li #navContact, ul#menu #navContact a,
ul#menu li #navMention, ul#menu #navMention a {
height: 25px;
}
ul#menu li #navDevis, ul#menu #navDevis a {
height: 79px;
}
div#nav ul#menu li a {
text-indent: -9999px;
text-decoration: none;
}
#navAccueil {top: 0; width: 138px;}
#navActu {top: 25px; width: 138px;}
#navEntreprise {top: 50px; width: 138px;}
#navRealisation {top: 75px; width: 138px;}
#navContact {top: 100px; width: 138px;}
#navDevis {top: 125px; width: 138px;}
#navMention {top: 277px; width: 138px;}

#navAccueil a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -302px no-repeat;}
#navActu a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -327px no-repeat;}
#navEntreprise a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -352px no-repeat;}
#navRealisation a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -377px no-repeat;}
#navContact a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -402px no-repeat;}
#navDevis a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -427px no-repeat;}
#navMention a:hover {background: transparent url(../img/fr/navVerticInt.jpg) 0 -579px no-repeat;}

body#pageActu #navActu {background: transparent url(../img/fr/navVerticInt.jpg) 0 -327px no-repeat;}
body#pageEntreprise #navEntreprise {background: transparent url(../img/fr/navVerticInt.jpg) 0 -352px no-repeat;}
body#pageRealisation #navRealisation {background: transparent url(../img/fr/navVerticInt.jpg) 0 -377px no-repeat;}
body#pageContact #navContact {background: transparent url(../img/fr/navVerticInt.jpg) 0 -402px no-repeat;}
body#pageDevis #navDevis {background: transparent url(../img/fr/navVerticInt.jpg) 0 -427px no-repeat;}
body#pageMention #navMention {background: transparent url(../img/fr/navVerticInt.jpg) 0 -579px no-repeat;}
/***************************************/
/*****       Textes caches        ******/
/***************************************/
h1 span,
h2 span,
h3 span,
#navAutocollant span,
#navImpNum span,
#navMarquage span,
#navImpSpe span,
#navPlv span {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
/***************************************/
/***** Titre des pages h1, h2 ... ******/
/***************************************/

#hMotMetier {
background: #FFF url(../img/fr/h_mot_metier.gif) 0 0 no-repeat;
height: 52px;
margin: 0;
width: 345px;
}
/** page Autocollants **/
#hAutocollants {
background: #FFF url(../img/fr/autocollant/h_autocollant.jpg) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 216px;
margin: 0 0 0 -31px;
width: 822px;
}
html>body #hAutocollants {width: 825px;}

#hVitro {
background: #FFF url(../img/fr/autocollant/h_vitrophanie.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
#hVinyl {
background: #FFF url(../img/fr/autocollant/h_vinyl.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
#hElectro {
background: #FFF url(../img/fr/autocollant/h_electro.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 210px;
}
#hMagnet {
background: #FFF url(../img/fr/autocollant/h_magnet.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
/*********** page Impression numerique *********/
#hImpNum {
background: #FFF url(../img/fr/impNum/h_impNum.jpg) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 216px;
margin: 0 0 0 -31px;
width: 822px;
}
html>body #hImpNum {width: 825px;}
#hImpNumPlat {
background: #FFF url(../img/fr/impNum/h_impNum_plat.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
#hSerigraphie {
background: #FFF url(../img/fr/impNum/h_serigraphie.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 176px;
}
/*********** page Marquage *********/
#hMarquage {
background: #FFF url(../img/fr/marquage/h_marquage.jpg) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 208px;
margin: 0 0 0 -31px;
width: 822px;
}
html>body #hMarquage {width: 825px;}
#hEcusson {
background: #FFF url(../img/fr/marquage/h_ecusson.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 240px;
}
#hPromo {
background: #FFF url(../img/fr/marquage/h_promo.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 240px;
}
#hCarte {
background: #FFF url(../img/fr/marquage/h_carte.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 240px;
}
#hProcess {
background: #FFF url(../img/fr/marquage/h_process.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 296px;
}
/*********** page Impression speciale *********/
#hImpSpe {
background: #FFF url(../img/fr/impSpe/h_impSpe.jpg) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 216px;
margin: 0 0 0 -31px;
width: 822px;
}
html>body #hImpSpe {width: 825px;}
#hBraille {
background: #FFF url(../img/fr/impSpe/h_braille.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
#hEncre {
background: #FFF url(../img/fr/impSpe/h_encre.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 176px;
}
/*********** page Plv *********/
#hPlv {
background: #FFF url(../img/fr/plv/h_plv.jpg) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 216px;
margin: 0 0 0 -31px;
width: 822px;
}
html>body #hPlv {width: 825px;}
#hCovering {
background: #FFF url(../img/fr/plv/h_covering.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
#hSol {
background: #FFF url(../img/fr/plv/h_sol.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
#hCar {
background: #FFF url(../img/fr/plv/h_car.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 360px;
}
#hDeco {
background: #FFF url(../img/fr/plv/h_deco.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
#hMatiere {
background: #FFF url(../img/fr/plv/h_matiere.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
#hEncres {
background: #FFF url(../img/fr/plv/h_encre.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 260px;
}
/************ page Entreprise *********/
body#pageEntreprise #contenu {
margin: 0 0 0 194px;
padding: 0;
text-align: left;
width: auto;
}
body#pageEntreprise #contenu p {
margin: 10px 25px;
width: 70%;
}
body#pageEntreprise #contenu .encadreEntreprise p {
margin: 10px 25px;
width: auto;
}
#hEntreprise {
background: #FFF url(../img/fr/entreprise/h_entreprise.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 54px;
margin: 0;
width: 273px;
}
body#pageEntreprise #contenu ul#menuEntreprise {
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 10px 15px;
padding: 0;
}
body#pageEntreprise #contenu ul {
margin: 0 0 15px 60px;
padding: 0;
}
#hSeryOuest {
background: #FFF url(../img/fr/entreprise/h_seryouest.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
#hParc {
background: #FFF url(../img/fr/entreprise/h_parc.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
#hEquipe {
background: #FFF url(../img/fr/entreprise/h_equipe.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
#hMission {
background: #FFF url(../img/fr/entreprise/h_mission.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 230px;
}
#hAtout {
background: #FFF url(../img/fr/entreprise/h_atout.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 391px;
}
#hMontgolfiere {
background: #FFF url(../img/fr/entreprise/h_montgolfiere.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 391px;
}
#compta, #deco, #decoupe, #direction,
 #numerique, #serigraphie, #studio {
position: absolute;
visibility: hidden;
}
#compta {
left: 50px;
top: 1088px;
}
#deco {
left: 550px;
top: 1300px;
}
#decoupe {
left: 50px;
top: 1000px;
}
#direction {
left: 338px;
top: 1150px;
}
#numerique {
left: 550px;
top: 1100px;
}
#studio {
left: 100px;
top: 1100px;
}
#serigraphie {
left: 600px;
top: 1000px;
}

/************ page Realisation *********/

#hRealisation {
background: #FFF url(../img/fr/h_realisation.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 35px;
margin: 0;
width: 248px;
}
/************ page Contact *********/
#hQuestion {
background: #FFF url(../img/fr/contact/h_question.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 52px;
margin: 0;
width: 253px;
}
#hContact {
background: #FFF url(../img/fr/contact/h_contactez.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 391px;
}
#hRenseignement {
background: #FFF url(../img/fr/contact/h_renseignement.gif) 0 0 no-repeat;
height: 26px;
margin: 0;
width: 391px;
}
/************ page Devis *********/
#hDevis {
background: #FFF url(../img/fr/h_devis.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 52px;
margin: 0;
width: 432px;
}
/*** elements des pages ***/

div.colonne {
float: left;
margin: 0 16px 0 -5px;
width: 240px;
}
div.colonne2 {
float: left;
margin: 0 16px 0 -5px;
width: 212px;
}
div.colonne270 {
float: left;
margin: 0 16px 0 -5px;
width: 270px;
}
div.colonne3 {
float: left;
margin: 0 16px 0 -5px;
width: 350px;
}
html>body div.colonne, html>body div.colonne2,
html>body div.colonne3, html>body div.colonne270 {
margin: 0 16px 0 -16px;
}
div.colonne p, div.colonne2 p,
div.colonne3 p, div.colonne270 p  {
margin: 10px 0 10px 16px;
}

p#preambule, .preambule {
font-size: 1.2em;
font-weight: bold;
width: 650px;
}

/*         Page Mention         */
/********************************/
#hMention {
background: #FFF url(../img/fr/h_mention.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 41px;
margin: 0;
width: 294px;
}
ul#mention {
font-size: 12px;
list-style-type: none;
margin: 20px 0 0 0;
padding: 0;
}
ul#mention li {
margin: 5px 0;
}
#mention strong {
color: #90AF20;}
/*         Page Actualite       */
/********************************/
#hActu {
background: #FFF url(../img/fr/h_actualite.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 48px;
margin: 0;
width: 168px;
}
body#pageActualite h3 {text-transform: uppercase;}
body#pageActualite a {text-decoration: underline;}
/** Formulaire de Contact et Devis        **/
/*******************************************/
#formulaireContact {
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto 0 0;
padding: 0 auto;
width: 610px;
}
#formulaireContact fieldset {
border: 1px solid #E7EF68;
background-color: #FFF;
display: block;
margin: 10px auto;
padding: 2px;
width: 610px;
}
#formulaireContact fieldset#message input {
width: auto;
}
#formulaireContact fieldset#message p {
text-align: center;}
#formulaireContact fieldset#message p.left {text-align: left;}
#formulaireContact legend {
color: #90AF20;
font: normal bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#formulaireContact p {
font-size: 0.8em;
margin: 1em auto;
padding: 0;
width: auto;
}
#formulaireContact table {
border: 1px solid #F9FF8F;
border-collapse: separate;
margin: 5px auto;
padding: 5px;
width: 590px;
}
#formulaireContact table caption {
background: #CFCFCF;
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
#formulaireContact table th {
background-color: #E7EF68;
border: none;
font-size: 1em;
font-weight: normal;
padding: 4px;
text-align: right;
width: 210px;
}
#formulaireContact table td {
background-color: #F9FF8F;
border: none;
font: normal normal 0.9em Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
text-align: left;
}
#formulaireContact table td.center {
margin: 0;
padding: 0;
text-align: center;
}
#formulaireContact table th.obligatoire,
#formulaireContact legend.obligatoire {
color: #CC3300;
font-weight: bold;
}

#formulaireContact input {
width: 95%;
}
#formulaireContact input.btnEnvoyer {
background: #F9FF8F;
width: 100px;
}
/*           Les Classes        */
/********************************/
#contenu p.center {
text-align: center;
}
.center {
text-align: center;
}
.date {color: #90AF20;}
.encadreEntreprise {
border: 1px solid #666;
margin: 10px 0;
padding: 10px;
width: 730px;
}
.encadreMarquage {
border: 1px solid #666;
margin: 10px 0;
padding: 10px;
width: 500px;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.hdp, body#pageEntreprise #contenu p.hdp {
margin: 20px 10px;
padding: 0;
text-align: right;
width: auto;
}
.imgFloatLeft {
float: left;
margin: 0 5px 0 0;
}
.imgFloatRight {
float: right;
margin: 0 20px 0 5px;
}
.info {
background: #FC6 url(../img/picto_info.html) left center no-repeat;
padding: 5px 5px 5px 50px;
}
p.lettrine:first-letter {
color: #000;
font-size: 1.8em;
}
.obligatoire {
color: #C30;
font-weight: bold;
}
.separateur {
clear: both;
margin: 0;
padding: 0;
visibility: hidden;
}
.txtRight {
text-align: right;
}
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15%;
}
#msgRetourForm p {
margin: 0;
padding: 0;
}
/**********  Referencement  ************/
/***************************************/
#referencement {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
/******************************/
#pageActualite2010 #contenu {
background: #fff url(../img/com/actualite/mars2010.jpg) right bottom no-repeat;
height: 457px;
}
#pageActualite2010 #hActu {
background: #FFF url(../img/fr/h_actualite.gif) 0 0 no-repeat;
border-top: 1px solid #FFF; 
height: 48px;
margin: 0;
position: absolute;
top: 150px;
width: 168px;
}
#pageActualite2010 #p1 {
height: 70px;
position: absolute;
top: 210px;
width: 500px;
}
#pageActualite2010 #p2 {
height: 95px;
left: 428px;
position: absolute;
top: 428px;
width: 305px;
}
#pageActualite2010 strong {
color: #E82A84;}
#b-video {
left: 180px;
position: absolute;
top: 500px;
}

/*Cf Window*/

.x-dlg .x-dlg-dlg-body {
	border:none;
	background-color:transparent;
	top:0;
	margin:0;
	padding:0;
}
.x-dlg .x-dlg-hd-left, .x-dlg .x-dlg-hd-right {
	display:none;
	background-image:none;
}
.x-dlg .x-dlg-hd {
	border:none;
	background-color:transparent;
}
.x-shadow {
	display:none;
	background-image:none;
}
.x-ie-shadow {
	display:none;
	background-image:none;
}
.x-dlg-mask {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color: #000;}
.x-dlg-toolbox {display: none;} /*pour laisser le focus au bouton fermer fenêtre*/


.videoSociete_body {
	/*border:1px solid #c5230c;*/
	background-color:#000;
	margin:0;
	padding: 10px 0 0 10px;
}

.cfwinFermerGlobal {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
}