/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-align:center;
	background:#CCCC99 url(images/i_bande-entete.gif) top left repeat-x;
}

/* ----------------------------------------------------------------- */
/* --------------- Bordures de contour du site --------------------- */
/* ----------------------------------------------------------------- */
#container
{
	width:980px;	
	margin:0 auto;
	text-align:left;
	color:#333333;
}

#bgContenu
{
	
	/*background:url(images/i_menu-fondBlanc.gif) repeat-y 15px 0;*/
	width:980px;	
	margin:0 auto;
	text-align:left;
	color:#333333;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.5em;
	color:#666666;
	margin:0;	
}

h2
{
	font-size:1.2em;	
	color:#666633;
	margin:0;
}

h3
{
	font-size:1.1em;
	color:#782900;
	margin:0;
}

p
{
	font-size:1em;
	color:#333333;
	margin:0;
	line-height:1.3em;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

/* ----------------------------
   Liens
---------------------------- */

a:link {color: #666633; }
a:visited{color: #666600; }
a:active{color: #fff; }


/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Corps ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- header ---------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */


/* --------------- top menu --------------- */
#topMenu
{width:980px;}

#topMenu ul
{
	float:right;
	font-size:0.8em;
	font-weight:bold;
	list-style:none;
	margin:18px 0 7px 0;
	padding:0 350px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0;
}

#topMenu ul li.espace-li
{
	float:left;
	margin:0;
	padding:0 9px 0 0;
}

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	text-decoration:none;
	color:#626B3E;
}

#topMenu a:hover
{
	color:#B45E22;
	text-decoration:underline;
}

/* --------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#header
{
	width:980px; 
	position:relative;
	background:url(images/i_entete3.gif) no-repeat top left;
}


/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- logo --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
h1#logoCompagnie
{
	position:absolute;
	top:107px;
	left:27px;
}

#logoPrint
{display: none;}

/* -------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* --------------------------------------- diaporama ------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
#diaporama img
{
	margin-left: 158px;
}

#diaporama-001, .diaporama-001
{
	float:left;
	background:url(images/diaporama-001.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-002, .diaporama-002
{
	float:left;
	background:url(images/diaporama-002.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-003, .diaporama-003
{
	float:left;
	background:url(images/diaporama-003.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-004, .diaporama-004
{
	float:left;
	background:url(images/diaporama-004.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-005, .diaporama-005
{
	float:left;
	background:url(images/diaporama-005.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-006, .diaporama-006
{
	float:left;
	background:url(images/diaporama-006.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-007, .diaporama-007
{
	float:left;
	background:url(images/diaporama-007.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

#diaporama-008, .diaporama-008
{
	float:left;
	background:url(images/diaporama-008.jpg) no-repeat 158px 0;
	height:154px;
	width:648px;
}

/* --------------------------------------- slogan ------------------------------------------------ */

#header h1#slogan_fr
{
	float:left;
	background:url(../images/header_slogan.gif) 0px 53px no-repeat;
	width:188px;
	height:101px;
	padding:53px 0 0 0;
}

#header h1#slogan_en
{
	float:left;
	background:url(../images/header_slogan-en.gif) 0px 53px no-repeat;
	width:258px;
	height:101px;
	padding:53px 0 0 0;
}

#header h1#slogan_es
{
	float:left;
	background:url(../images/header_slogan-es.gif) 0px 53px no-repeat;
	width:268px;
	height:101px;
	padding:53px 0 0 0;
}

#header h1#slogan_fr span,
#header h1#slogan_en span,
#header h1#slogan_es span
{
	display:none;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------- zone menu principal ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */

#zoneMenu
{
	background:#CCCCCC;
	width:806px;
	margin:0 0px 0 158px;
	border-top:1px solid #fff;
}

#menu-coinGau
{
	background:#B45E22 url(images/i_menu-coinGau.gif) no-repeat top left;
}

div.menu-coinGau-fr,
div.menu-coinGau-en
{
	margin:0 10px 0 33px;
}

div.menu-coinGau-es
{
	margin:0 5px 0 5px;
}

#menu-coinDr
{
	background:url(images/i_menu-coinDr.gif) no-repeat top right;
}


/* ------------------------------------------------------------------------------------------------------------ */
div.menu-fr,
div.menu-en
{
	width:746px;
	margin:0 0 0 20px;
}

div.menu-es
{
	width:766px;
	margin:0 0 0 20px;
}


#menu ul
{
	list-style:none;
	margin:0;	
}

#menu ul li
{
	float:left;
	margin:0;
	padding:0;		
}

.bordureDr{border-right:1px solid #fff;}

#menu ul li.bordureGau
{
	border-left:1px solid #fff;	
	float:right;
}

#menu ul li a
{
	display: block ;
	float:left;	
	padding:8px 7px 7px 7px;
	font-weight:bold;	
	color:#fff;
	text-decoration:none;
}
#menu ul.navfr li a,
#menu ul.naven li a
{
	font-size:0.9em;
}
#menu ul.naves li a
{
	font-size:0.8em;
}


#menu #msc_entrepriseen a,
#menu #msc_produitsen a,
#menu #msc_moulesen a
{
	padding:8px 11px 7px 11px;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

#menu a:hover,
#menu ul li.selected a,
#menu ul li.cursection a
{
	color:#fff;
	
	font-weight:bold;	
	background:#A3490B url(../images/menu_over.gif) repeat-x top left;
	padding:8px 7px 7px 7px;
}



/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Sous-menu ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
#sousmenu 
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
}
div.sousmenuen,
div.sousmenufr
{
	font-size: .9em;
}
div.sousmenues
{
	font-size: .8em;
}

#sousmenu div 
{
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;	
}

#sousmenu div div {
	position: relative;
	display: block;
	/*white-space: nowrap;*/
	background: none;
	border-top:1px solid #fff;
}

#sousmenu div div.first {border-top:1px solid #fff;}
#sousmenu div div.last {border-bottom:1px solid #fff;}

#sousmenu a {
	display: block;
	height: 1%;
	padding: 8px 7px 7px 7px;
	color: #626B3E;
	text-decoration: none;
	background: #CCCC99;
	font-weight:bold;
}
#sousmenu a:hover 
{background:#CDCD76;}

/* largeur des zones de sous-menu */
/*#msc_entreprisefrSMenu,
#msc_entreprisefrSMenu div
{width: 93px;}

#msc_entrepriseenSMenu,
#msc_entrepriseenSMenu div
{width: 102px;}

#msc_produitsfrSMenu,
#msc_produitsfrSMenu div
{width: 144px;}

#msc_produitsenSMenu,
#msc_produitsenSMenu div
{width: 142px;}

#msc_moulesfrSMenu,
#msc_moulesfrSMenu div
{width: 119px;}

#msc_moulesenSMenu,
#msc_moulesenSMenu div
{width: 84px;}*/


/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone Contenu ------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

#contenu
{
	width:980px;
	padding:0 0 0 15px;
	background:url(images/i_contenu-bg2.gif) repeat-y top left;
}

#contenu_histoire
{
	width:980px;
	padding:0 0 0 15px;
	background:url(images/i_contenu-bg.gif) repeat-y top left;
}

#sousLogo {
	background:url(images/i_bg_boxInscription2.gif) no-repeat top left;
	width:142px;
	height:70px;
	float:left;
	}

#contenu_zonetexte {
	padding:0 0 0 63px;
	width:404px;
	float:left;
	}

#contenu_zonephoto {
	z-index:100;
	background:transparent url(images/i_zonephoto-bg2.gif) repeat-y;
	width:280px;
	float:right;
	padding:26px 51px 25px 17px;
	display:inline;
	min-height: 138px;
	_height: 138px;
	}
#contenu_zonephoto img {
	margin:0 0 20px 0;
	}
#contenu_zonephoto2 {
	background:transparent url(images/i_zonephoto-bg2.gif) repeat-y;
	padding:26px 51px 25px 17px;
	}
#contenu_zonephoto2 img {
	margin:0 0 20px 0;
	}

#contenu .liste
{
	margin:0;
	padding:0 50px 21px 17px;
}

#contenu .liste li, #contenu .listeNo li, #contenu .liste-02 li
{
	margin:0;
	padding:0 0 5px 0;
}

#contenu .liste-02
{
	margin:0;
	padding:0 50px 5px 17px;
}

#contenu .listeNo
{
	margin:0;
	padding:0 50px 21px 40px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------- contenu accueil ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

/* -------------------------------------- colonne Inscription ------------------------------------------------- */

#colInscription
{
	width:143px;
	float:left;
	background:#fff url(images/i_bg_boxInscription2.gif) no-repeat bottom left;
	padding-bottom:70px;
}

#colInscription h1#inscription-h1
{
	padding:39px 0 11px 14px;
	font-size:1.1em;
	color:#666633;
}

.lesChamps
{margin:0 0 7px 13px;}

.lesChamps label
{
	font-size:1em;
	color:#666633;
	
}

.lesChamps input
{
	width:100px; 
	margin-top:5px;
}

#colInscription input.ok
{
	width:25px;
	margin:0 0 0 13px;
}

#colInscription div.succes
{
	color: #008000;
}

/* -------------------------------------- colonne Centrale ------------------------------------------------- */

#colCentrale
{
	padding:0 0 0 63px;
	width:404px;
	float:left;
}

#colCentrale h1.nomCompagnie
{
	width:233px;
	height:61px;
	padding:0 0 21px 0px;
}

#colCentrale h1#titre_accueil
{
	background:url(images/titre_accueil.gif) no-repeat;
}


#contenu p
{padding:0 0 20px 0px;}

#contenu p.pLast
{padding:0 0 30px 0;}


/* -------------------- zone vidéo --------------------- */
#zoneVideo
{
	padding:0 0 0 0px;
	margin:0 0 25px 0;
}

#zoneVideo img
{
	margin:0 8px 0 0;
}

#zoneVideo div p
{
	color:#626B3E;
	padding:0 0 5px 0px;
	text-align:left;
}

#zoneVideo a:link, #zoneVideo a:visited, #zoneVideo a:active
{
	color:#626B3E;
	text-decoration:underline;
}

#zoneVideo a:hover
{
	color:#B25E28;
	text-decoration:underline;
}


/* -------------------------------------- colonne Nouvelles ------------------------------------------------- */

#colNouvelles
{
	z-index:100;
	background:transparent url(images/i_zonephoto-bg2.gif) repeat-y;
	width:238px;
	float:right;
	padding:0px 110px 25px 0px;
	display:inline;
	min-height: 138px;
	_height: 138px;
}

#colNouvelles h1.entete-nouvelles
{
	width:187px;
	height:19px;
	padding: 2px 21px 0px 31px;
	margin:10px 0 20px 0px;
	background:#626b3e;
	color:#FFFFFF;
	font-size:1.1em;
}

#colNouvelles p
{
	font-size:0.9em;
	margin:0;
	padding-left:31px;
}

#colNouvelles p.newsDate
{
	color:#B45E22;
	font-weight:bold;
	font-size:0.9em;
	padding:0 0px 2px 31px;
}

#colNouvelles p.newsDate a
{
	color:#B45E22;
	font-weight:bold;
	font-size:0.9em;
	padding:0 0px 2px 0px;
}
#colNouvelles p.newsDate a
{
	text-decoration: none;
}

#colNouvelles p.manews
{
	color:#666666;
}

#contenu p.lienNews 
{
	margin-top: 20px;
}

#colNouvelles p.lienNews a:link, #colNouvelles p.lienNews a:visited, #colNouvelles p.lienNews a:active
{
	color:#626B3E;
	font-size:1.1em;
}

#colNouvelles p.lienNews a:hover
{color:#B25E28;}



#colDroite
{
	z-index:100;
	background:transparent url(images/i_zonephoto-bg2.gif) repeat-y;
	width:238px;
	float:right;
	padding:0px 42px 25px 0px;
	display:inline;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------- Contenu Pages Intérieures ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


#contenu h1.titreSection
{
	width:233px;
	height:61px;
	padding:0 0 21px 0px;
}

#contenu h1 span
{
	display:none;
}

#contenu h1#titre_entreprise
{
	background:url(images/titre_entreprise.gif) no-repeat;
}

#contenu h1#titre_medias
{
	background:url(images/titre_medias.gif) no-repeat;
}

#contenu h1#titre_produits
{
	background:url(images/titre_produits.gif) no-repeat;
}

#contenu h1#titre_moule
{
	background:url(images/titre_moule.gif) no-repeat;
}

#contenu h1#titre_capacites
{
	background:url(images/titre_capacites.gif) no-repeat;
}

#contenu h1#titre_histoires
{
	background:url(images/titre_histoires.gif) no-repeat;
}

#contenu h1#titre_faq
{
	background:url(images/titre_faq.gif) no-repeat;
}

#contenu h1#titre_contact
{
	background:url(images/titre_contact.gif) no-repeat;
}

#contenu h1#titre_ftp
{
	background:url(images/titre_ftp.gif) no-repeat;
}

#contenu h1#titre_plan
{
	background:url(images/titre_plan.gif) no-repeat;
}

#contenu h1#titre_legal
{
	background:url(images/titre_legal.gif) no-repeat;
}


#contenu h1#titre_entreprise_en
{
	background:url(images/titre_entreprise-en.gif) no-repeat;
}

#contenu h1#titre_medias_en
{
	background:url(images/titre_medias-en.gif) no-repeat;
}

#contenu h1#titre_produits_en
{
	background:url(images/titre_produits-en.gif) no-repeat;
}

#contenu h1#titre_moule_en
{
	background:url(images/titre_moule-en.gif) no-repeat;
}

#contenu h1#titre_capacites_en
{
	background:url(images/titre_capacites-en.gif) no-repeat;
}

#contenu h1#titre_histoires_en
{
	background:url(images/titre_histoires-en.gif) no-repeat;
}

#contenu h1#titre_faq_en
{
	background:url(images/titre_faq-en.gif) no-repeat;
}

#contenu h1#titre_contact_en
{
	background:url(images/titre_contact-en.gif) no-repeat;
}

#contenu h1#titre_ftp_en
{
	background:url(images/titre_ftp-en.gif) no-repeat;
}

#contenu h1#titre_plan_en
{
	background:url(images/titre_plan-en.gif) no-repeat;
}

#contenu h1#titre_legal_en
{
	background:url(images/titre_legal-en.gif) no-repeat;
}


#contenu h1#titre_entreprise_es
{
	background:url(images/titre_entreprise-sp.gif) no-repeat;
}

#contenu h1#titre_produits_es
{
	background:url(images/titre_produits-sp.gif) no-repeat;
}

#contenu h1#titre_moule_es
{
	background:url(images/titre_moule-sp.gif) no-repeat;
}

#contenu h1#titre_capacites_es
{
	background:url(images/titre_capacites-sp.gif) no-repeat;
}

#contenu h1#titre_histoires_es
{
	background:url(images/titre_histoires-sp.gif) no-repeat;
}

#contenu h1#titre_faq_es
{
	background:url(images/titre_faq-sp.gif) no-repeat;
}

#contenu h1#titre_contact_es
{
	background:url(images/titre_contact-sp.gif) no-repeat;
}

#contenu h1#titre_ftp_es
{
	background:url(images/titre_ftp-sp.gif) no-repeat;
}

#contenu h1#titre_plan_es
{
	background:url(images/titre_plan-sp.gif) no-repeat;
}

#contenu h1#titre_legal_es
{
	background:url(images/titre_legal-sp.gif) no-repeat;
}

#contenu h1#titre_medias_es
{
	background:url(images/titre_medias-sp.gif) no-repeat;
}


/* -------------------------------------- Page Entreprise ------------------------------------------------- */


#contenu h2.titreSousSection
{padding:0 0 21px 0px;}

#contenu p.txtConten
{
	color:#333333;
	padding:0 0px 21px 0px;
}

#contenu p.txtContenuLast
{
	color:#333333;
	padding:0 0px 41px 0px;
}

#contenu a:link, #contenu a:visited, #contenu a:active
{color:#626B3E;}

#contenu a:hover
{color:#B25E28;}


/* -------------------------------------- Page Médias ------------------------------------------------- */
/*
#contenu p.newsDate-media
{
	color:#B45E22;
	font-weight:bold;
	padding:0 0 11px 207px;
}
*/
#contenu p.manews-media
{
	color:#606060;
	padding:0 0px 20px 0px;
}

#contenu p.manews-mediaLast
{
	color:#666666;
	padding:0 0px 60px 0px;
}

#contenu div.filpresse
{
	color:#666666;
	padding: 0 0px 20px 0px;
}

#contenu div.filpresse p
{
	padding-left: 0;
}

#contenu p.newsDate-media
{
	color:#B45E22;
	font-weight:bold;
	font-size:0.9em;
	padding:0 0px 2px 0px;
}

#contenu h2.titreSousSection-media
{
	font-size:1.1em;
	padding:7px 0 13px 0px;
}

/* -------------------------------------- Page Histoires à succès ------------------------------------------------- */

.succes-infos
{
	margin:0 22px 0 0;
}
.succes-infos-gauche
{
	margin:0 22px 0 0;
	float: left;
	width: 467px;
}

.succes-photos
{
    width:210px;
    float:left;
    margin-bottom:20px;
}

#contenu h2.titreSousSection-hist,
#contenu h3.titreSousSection-hist
{
	font-size:1.1em;
	padding:0 0 5px 0px;
}

#contenu h2.titreSousSection-hist a,
#contenu h3.titreSousSection-hist a
{
	text-decoration: none;
}

#contenu p.txtContenu-hist
{
	color:#333333;
	padding:0 10px 10px 0px;
}

#contenu p.txtContenu-histLast
{
	color:#333333;
	padding:0 10px 30px 0px;
}

img.medium
{
	border:1px solid #626B3E;
	margin:0 0 10px 0;
}
img.thumbnail
{
	border:1px solid #626B3E;
}

/* -------------------------------------- Page Carrieres ------------------------------------------------- */


#carriere_pic {
	display:inline;
	float:right;
	margin: 0 130px 0 20px;
	}

#carriere_pic img {
	display:block;
	margin:0 0 10px 0;
	}

#contenu p.txtContenu_carriere
{
	color:#333333;
	padding:0 70px 21px 0px;
}


/* -------------------------------------- Page Philosophie ------------------------------------------------- */

/*
#contenu p.txtContenu_philo
{
	color:#333333;
	padding:0 300px 21px 207px;
}

#contenu p.txtContenuLast_philo
{
	color:#333333;
	padding:0 300px 41px 207px;
}
*/

/* -------------------------------------- Page Plan du site ------------------------------------------------- */

#contenu .planSite
{
	margin:0;
	padding:0 0 21px 0px;
	list-style:none;
}

#contenu .planSite li
{
	margin:0;
	padding:0 0 5px 0;
}

/* -------------------------------------- Page Contact ------------------------------------------------- */


#contact_pic {
	display:inline;
	float:left;
	margin: 0 20px 21px 0px;
	}

.txtsousPic {
	font-size:0.8em;
	line-height:1.3em;
	}

#formContact
{
padding: 0 0 20px 0px;
}

.lesChampsContact
{margin-bottom:20px;}

.lesChampsContact label
{
	font-size:1em;
	font-weight:bold;
	color:#B25E28;
}

.lesChampsContact input
{width:250px;}

#formContact input.ibEnvoyer
{
	margin:15px 0 0 0;
}

#msgSucces
{
	color: #008000;
	font-weight: bold;
	margin: 10px 0;
}

#map
{
	margin-left: 0px;
	width: 400px;
	height: 300px;
}

/* -------------------------------------- Page FAQ ------------------------------------------------- */
p.question 
{
	
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Pieds ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#pied
{
	width:648px;
	background:url(images/i_contenu-bg2.gif) repeat-y top left;
	margin-bottom:10px;
}

#pied-coinBasGau
{background:url(images/pied_coinBG.gif) no-repeat bottom left; margin-left:157px;}

#pied-coinBasDr
{background:url(images/pied_coinBD.gif) no-repeat bottom right; width:491px;}

#pied ul
{
	font-size:0.8em;
	font-weight:bold;
	list-style:none;
	margin:0 0 0 20px;	
	padding:19px 0 0 0px;
}

#pied ul li
{
	float:left;
	margin:0;
	padding:0 0 16px 0;
}

#pied ul li.espace-li
{
	float:left;
	margin:0;
	padding:0 10px 0 0;
}

#pied a:link, #pied a:visited, #pied a:active
{
	text-decoration:none;
	color:#626B3E;
}

#pied a:hover
{
	color:#B45E22;
	text-decoration:underline;
}