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

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

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

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	position:relative;
}


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

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

h2
{
	font-size:1.2em;
	margin:0;
	padding:0;
}

h3
{
	font-size:1em;
	margin:0;
	padding:0;
	color:#3479B2;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.bleu
{color:#3479B2;}


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

/* --------------------------------------------------------------------------- */
/* ------------ zone contenu ------------------------------------------------- */

/* ---------------------------------------------------- */
/* -- entête ------------------------------------------ */

#entete
{
	width:955px;
	background:url(images/bg_entete.jpg) no-repeat top left;
}

div#entete{height:209px;}

html>body div#entete
{
	min-height:209px;
	height:auto;
}


/* -- top menu --------------------- */
#topMenu
{
	float:right;
}

#topMenu ul
{
	font-size:1em;
	list-style:none;
	margin:0;
	padding:8px 375px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 10px 0 0;
	color:#000;
}


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

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

/* -- logo accueil ------------ */
div#logoCompagnie
{
	position:absolute;
	width:105px;
	top:8px;
	left:18px;
}

div#logoCompagnie img.logo
{display:block;}

#logoPrint
{display: none;}

/* ------------------------------------------------------------------ */
/* ----------- Menu ------------------------------------------------- */

/* fr */
#zoneMenu
{
	width:424px;
	margin:0 0 0 115px;
	padding:0;
}

#zoneMenu img{display:block;}


#zoneMenu ul
{
	list-style:none;
	margin:0;
	padding:124px 0 0 0;	
}

#zoneMenu ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;	
}

/* en */
#zoneMenu_en
{
	width:336px;
	margin:0 0 0 123px;
	padding:0;
}

#zoneMenu_en img{display:block;}


#zoneMenu_en ul
{
	list-style:none;
	margin:0;
	padding:124px 0 0 0;	
}

#zoneMenu_en ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;	
}

/* ------------------------------------------------------------ */
/* --- Sous-menu du menu principal pour À Propos -------------- */

#smenu-mprincipal, #smenu-mprincipal_prod
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 18px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal_prod div
{
	display:none;
	position: absolute;
	left:2px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal_carriere div
{
	display:none;
	position: absolute;
	left:2px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal_contact div
{
	display:none;
	position: absolute;
	left:2px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div, 
#smenu-mprincipal_prod div div, 
#smenu-mprincipal_carriere div div,
#smenu-mprincipal_contact div div 
{
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #185787;
	border-left:1px solid #185787;
	border-right:1px solid #185787;
}

#smenu-mprincipal div div.last, 
#smenu-mprincipal_prod div div.last, 
#smenu-mprincipal_carriere div div.last,
#smenu-mprincipal_contact div div.last
{border-bottom:1px solid #185787;}

#smenu-mprincipal a, 
#smenu-mprincipal_prod a, 
#smenu-mprincipal_carriere a,
#smenu-mprincipal_contact a 
{
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #5A8DC1;
}
#smenu-mprincipal a:hover, 
#smenu-mprincipal_prod a:hover, 
#smenu-mprincipal_carriere a:hover,
#smenu-mprincipal_contact a:hover
{background:#0C64A3;}

#smenu-mprincipal a.select, 
#smenu-mprincipal_prod a.select, 
#smenu-mprincipal_carriere a.select,
#smenu-mprincipal_contact a.select
{
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #0C64A3;
}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #ms_AProposMenu, #smenu-mprincipal_en #ms_AProposMenu
{width: 155px;}

#smenu-mprincipal_prod #ms_ProductionMenu
{width: 160px;}

#smenu-mprincipal_contact #ms_ContactMenu
{width: 170px;}

#smenu-mprincipal_carriere #ms_CarriereMenu
{width: 160px;}

/* ------------------------------------------------------------ */
/* --- Sous-menu ANGLAIS du menu principal pour À Propos -------------- */

#smenu-mprincipal_en
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipal_en div 
{
	display:none;
	position: absolute;
	left: 9px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal_en div div
{
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #185787;
	border-left:1px solid #185787;
	border-right:1px solid #185787;
}

#smenu-mprincipal_en div div.last {border-bottom:1px solid #185787;}

#smenu-mprincipal_en a{
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #5A8DC1;
}
#smenu-mprincipal_en a:hover
{background:#0C64A3;}

#smenu-mprincipal_en a.select
{
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #0C64A3;
}


/* largeur des zones de sous-menu en */
#smenu-mprincipal_en #MaproposenMenu
{width: 155px;}

/* -------------------------------------------------------------------- */
/* -- Zone de contenu ------------------------------------------------- */

/* -- Accueil ------------------------------------------------ */

#zoneContenu_acc
{
	width:955px;
	background:#fff url(images/bg_contenu_acc.gif) repeat-y top left;
}

#bg_colDr_coinTD
{width:955px; background:url(images/colDr_acc_coinTD.jpg) no-repeat top right;}

/* fr */

#bg_colDr_acc_coinBD
{background:url(images/colDr_acc_coinBD.gif) no-repeat bottom right;}

div#bg_colDr_acc_coinBD{height:344px;}

html>body div#bg_colDr_acc_coinBD
{
	min-height:344px;
	height:auto;
}

/* en */

#bg_colDr_acc_coinBD_en
{background:url(images/colDr_acc_coinBD_en.gif) no-repeat bottom right;}

div#bg_colDr_acc_coinBD_en{height:344px;}

html>body div#bg_colDr_acc_coinBD_en
{
	min-height:344px;
	height:auto;
}

/* -- colonne gauche ---- */

/* fr */
#bg_colGau_acc
{background:url(images/colGau_acc_coinTG.jpg) no-repeat top left;}

/* en */
#bg_colGau_acc_en
{background:url(images/colGau_acc_coinTG_en.jpg) no-repeat top left;}

#colGau_acc
{
	float:left;
	width:558px;
	padding:21px 0 0 0;	
}

/* -- colonne droite ---- */

#colDr_acc
{
	float:left;
	width:397px;
}
/* -- Éléments accueil ---------------------- */

#zoneFlash
{
	width:558px;
	margin:0;
	padding:0;
}

#contenu_acc
{padding:19px 22px 0 171px;}

/* --------------------------------------------------------------------- */
/* -- Pages intérieures ------------------------------------------------ */

#zoneContenu
{
	width:955px;
	background:#fff url(images/bg_contenu.gif) repeat-y top left;
}

#bg_colGau
{background:url(images/colGau_coinTG.gif) no-repeat top left;}

/* fr */

#bg_colDr_coinBD
{background:url(images/colDr_coinBD.jpg) no-repeat bottom right;}

div#bg_colDr_coinBD{height:344px;}

html>body div#bg_colDr_coinBD
{
	min-height:344px;
	height:auto;
}

/* en */

#bg_colDr_coinBD_en
{background:url(images/colDr_coinBD_en.jpg) no-repeat bottom right;}

div#bg_colDr_coinBD_en{height:344px;}

html>body div#bg_colDr_coinBD_en
{
	min-height:344px;
	height:auto;
}

#colGau
{
	float:left;
	width:651px;
	padding:49px 0 40px 0;	
}

/* -- colonne droite ---- */

#colDr
{
	float:left;
	width:304px;
	padding:48px 0 0 0;
}

#colDr img
{
	margin:0 0 15px 36px;
}

/* -- Éléments de contenu et de mise en page ---------------------- */

.contenu
{
	padding:0 31px 17px 38px;
}

.contenu p
{padding:0 0 10px 0;}

.contenu ul
{
	list-style:none;
	padding:0 0 10px 0;
	margin:0;
}

.contenu ul li
{
	padding:0 0 2px 13px;
	margin:0;
	font-weight:bold;
	background:url(images/i_fleche_bleue.gif) no-repeat 0 3px;
}

.liste_interieure
{
	list-style:none;
	padding:3px 0 0 14px !important;
	margin:0;
}

.liste_interieure li
{
	padding:0 0 0 9px !important;
	margin:0;
	font-weight:normal !important;
	background:url(images/i_ligne_liste_int.gif) no-repeat 0 7px !important;
}

.contenu a:link, .contenu a:visited, .contenu a:active 
{
	text-decoration:underline;
	color:#000;
}

.contenu a:hover
{
	text-decoration:none;
	color:#3479B2;
}

/* -- entete h1 --------- */
#bg_enteteh1_coinTD
{
	width:620px;
	background:#3A7EBE url(images/bg_enteteh1_coinTD.gif) no-repeat top right;
	margin:0 0 12px 0;
}

#bg_enteteh1_coinBD
{background:url(images/bg_enteteh1_coinBD.gif) no-repeat bottom right;}

#colGau h1
{		
	color:#fff;
	padding:4px 0 3px 39px;
}

/* -- entete h2 --------- */
.bordTop_enteteh2
{
	width:620px;
	background:url(images/pixel_jaune.gif) repeat-x top left;
	margin:0 0 12px 0;
}

.bordTop_enteteh2-statique
{
	width:620px;
	background:url(images/pixel_jaune.gif) repeat-x top left;
	margin:0 0 12px -38px;
}

.bordDr_enteteh2
{background:url(images/pixel_jaune.gif) repeat-y top right;}
.bordBas_enteteh2
{background:url(images/pixel_jaune.gif) repeat-x bottom left;}

.bg_enteteh2_coinTD
{
	background:url(images/bg_enteteh2_coinTD.gif) no-repeat top right;

}

.bg_enteteh2_coinBD
{width:620px; background:url(images/bg_enteteh2_coinBD.gif) no-repeat bottom right;}

.bg_enteteh2_coinBD h2
{	
	color:#000;
	padding:6px 0 6px 39px;
}

/* -- Page À Propos / Force ---------------------------------------- */

.tab_force
{
	width:570px;
	background:#87A8C9;
	margin:0 0 20px 0px;
	border:4px solid #87A8C9;
}

.tab_force td.row_first
{
	background:#D6AE38;
	width:30%;
	color:#fff;
	font-size:0.9em;
}

.tab_force td.row_contenu
{
	background:#fff;
	color:#000;
	font-size:0.9em;
	text-align:center;
}

/* ---------------------------------------------------------------------- */
/* --- Section Événements ----------------------------------------------- */

.boxEvenements
{
	width:582px;
	margin:0 0 10px 0;
}

.date_evenement
{
	float:left;
	width:80px;
}

.txt_evenement
{
	float:left;
	width:502px;
}

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

.zonePhotos
{
	margin:0 0 10px 20px;
}


.blocChoixPhotos
{padding:0 0 10px 0;}

.blocPhotosThumb
{
	float:left;
	width:145px;
	padding:7px 0 0 0;
	margin: 0 80px 10px 0;
}

.blocPhotosThumbLast
{
	float:left;
	width:145px;
	padding:7px 0 0 0;
	margin: 0 0 10px 0;
}

.nomPhotos
{text-align:center;}

.nomPhotos p
{
	font-size:1em;
	padding: 5px 0 4px 0;
	text-align:center;
}

.nomPhotos a:link, .nomPhotos a:visited, .nomPhotos a:active
{
	color:#3479B2;
	text-decoration:underline; 
	font-size:1em;}

.nomPhotos a:hover
{text-decoration:none;}

/* ---------------------------------------------------------------------- */
/* --- Section contact -------------------------------------------------- */

.txtColGau
{
	float:left;
	width:230px;
	margin:0 25px 0 0;
}

.txtColDr
{
	float:left;
	width:230px;
}

.boxPersonnel
{
	width:230px;
	margin:0 0 15px 0;
}

.boxPersonnel p
{
	padding:0 !important;
	margin:0;
}


/* -- formulaire contact ----------- */
#formContact
{
	margin:0 0 20px 0;
}

.champsObligatoire
{
	font-size:1em;
	color:#C72943;
}

.lesChamps
{margin-bottom:10px;}

.lesChamps label
{
	font-size:1em;
	color:#3479B2;
	font-weight:bold;
}

.lesChamps input
{width:200px;}

#bParcourir
{width:100px; margin:0 0 0 5px;}

/* ----------------------------------------------------------- */
/* -- Page Production ---------------------------------------- */

.tab_prod
{
	width:582px;
	background:#87A8C9;
	margin:0 0 20px 20px;
	border:4px solid #87A8C9;
}

.tab_force td.row_first
{
	background:#D6AE38;
	width:30%;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}

.tab_force td.row_contenu
{
	background:#fff;
	color:#000;
	font-size:0.9em;
	text-align:left;
	padding:5px 10px;
}

.tab_force td.row_txt_table
{
	font-weight:bold;
	font-size:0.9em;
}

/* -------------------------------------------------------------------- */
/* -- Pied ------------------------------------------------- */

#coin_BG_pied
{
	width:955px;
	background:#0B4D7D url(images/pied_coinBG.gif) no-repeat bottom left;
}

#pied
{
	background:url(images/pied_coinBD.gif) no-repeat bottom right;
	width:955px;
	padding:7px 0 7px 0;
}

#pied ul
{
	float:right;
	list-style:none;
	font-size:1em;
	color:#fff;
	padding:0 39px 0 0;
	margin:0;
}

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


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

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