/* 
	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;
	background:#fff url(../images/body_fond.gif) repeat-x top left;	
}


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

h1
{
	margin:0 0 5px 0;
	color:#ADADAD;
	font-size:1.2em;
}

h2
{
	margin:0 0 20px 0;
	color:#D31616;
	font-size:2em;
}

h3
{
    margin:0 0 15px 0;
	color:#D31616;
	font-size:1em;
}

p
{
	margin:0 0 20px 0;
}

.gras
{
	font-weight:bold;
}

.italic{font-style:italic;}

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

a:link {color: #c00; }
a:visited{color: #960; }
a:active{color: #960; }
a:hover{color: #000; }


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

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



/* ------------------------------------------------------------------------------------------------- */
/* ------------------------- entêtes --------------------------- */

#header-ressorts
{
	height:108px;
}

.fr #header-ressorts
{
    background:url(../images/entete_fond.jpg) no-repeat top left;
}

.en #header-ressorts
{
    background:url(../images/entete_fond-en.jpg) no-repeat top left;
}

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

h1#nomCompagnie
{
	padding:10px 0 0 25px;
}

#logoPrint
{
    display: none;
}

/* --------------- top menu --------------- */
#topMenu{
	min-width: 760px;
    max-width: 995px;
    width: 100%;
}

/* min-height / max-height pour IE */
* html #topMenu {width: 760px /* valeur par défaut si pas de javascript activé */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 995 ? "995px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 760 ? "760px" : "100%")); }

#topMenu ul
{
	float:right;
	color:#fff;
	font-size:0.8em;
	list-style:none;
	margin:0;
	padding:10px 10px 0 0;
}

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

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

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



/* -------------------------------------------------------------- */
/* ---------------------- Menu pincipal ------------------------- */
/* -------------------------------------------------------------- */
#menu
{
	background:#242424 url(../images/menu-bg.gif) repeat-x top left;	
	width:955px;
	border-top:2px solid #fff;
	border-bottom:2px solid #C9C9C9;
}

#menu-bgLeft {
	background:url(../images/menu-left-bg.gif) no-repeat top left;
	min-height:30px;
}
/* mac hide \*/
* html #menu-bgLeft{height:30px;}
/* end mac hide*/
html>body #minheight{
	float:right;
	width:0px;
	height:30px;
}

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

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

#menu a
{
	display: block ;
	float:left;	
	padding:9px 16px 7px 15px;
	font-weight:bold;	
	color:#fff;
	text-decoration:none;
}

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

#menu a:hover
{
	color:#000;
	font-weight:bold;	
	background:url(../images/menu-bg-over.gif);
	padding:9px 16px 7px 15px;
}

/* ----------------------------------- */
/* ------------ Sous-Menu -------------*/
/* ---------------------------------- */
#divSubMenus
{

}

#divSubMenus div
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
    z-index: 5;
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	background-color: #fff;
	-moz-opacity: .90;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

#divSubMenus div div
{
	position: relative;
	display: block;
	width: 150px;
	border-top: 2px solid #c9c9c9;
	border-left: 2px solid #c9c9c9;
	text-align: left;
}

#divSubMenus a
{
    padding: 8px 5px 7px 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 1%;
}

html>body #divSubMenus a {
	height: auto;
}

#divSubMenus a:hover
{
    background:#8E8E8E;
	color:#fff;
}

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

/* ------------- bande photo ---------------- */

#bande-photo
{
    background-position: left top;
    background-repeat: no-repeat;
	height:141px;
}

#slideImgs
{
    display: none;
}
/* ------------------------------------------ */

#colGau
{
    width: 344px;
    float:left;
}
#colDr
{
	float:left;
	margin-left:26px;
	width:118px;
	padding-top:40px;
}

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

#contenu
{
	background:url(../images/contenu-bg-left.gif) no-repeat top left;
	padding-left:246px;
	padding-top:33px;
}

#contenu a:link, #contenu a:active, #contenu a:visited{color:#CC0000;}
#contenu a:hover{color:#000}

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

#colDr img
{
	border:2px solid #D31616;
	display:block;
}

.blocImg
{margin-bottom:20px;}

.label
{
	background:#D31616 url(../images/label-coinBDr.gif) no-repeat bottom right;
	color:#fff;
	font-size:0.8em;
	padding:2px 2px 4px 7px;
	margin:0;
	/* Box Model Patch */
    width:118px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 109px;
}

/* Box Model Patch */
html>body .label
{
    width: 109px;	
}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Pieds ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
#pied
{
	padding:40px 0 10px 130px;
}
#pied ul
{
	font-size:0.8em;
	list-style:none;
	
}

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

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

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