/* CSS
Author: Laurent Ilgart
Created: 08-01-08
*/

/* Global Defaults
=====================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {margin:0;padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {font-style:normal; font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }


/* Global Classes
=====================================================================*/

.distext { display: none; }
.centre { text-align: center; }
.italic { font-style: italic; }


/* Global Elements
=====================================================================*/

/*html { overflow-x: auto; height:100%;}*/
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body {
	background: url(../img/fond.jpg) no-repeat scroll 50% 0;
	background-color: #e0e0e0;
	text-align: center;
}

.separation {
	clear: both;
	visibility: hidden;
	background-color: red;
}

/*input[type="text"] { 
}*/


/* Typographic Elements
=====================================================================*/

h1, h2, h3, h4, h5, h6, body {
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}
.tel {
	color: #666;
	width: 15px;
}


/* List Elements
=====================================================================*/

ul li 
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*li a:hover {
	background-color: #990000;
}*/

/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active {
	background: transparent;
	color: #336699;
	text-decoration: none; 
}

a:hover {
	background: transparent;
	color: #990000;	
	text-decoration: none;
}


/* Page
=====================================================================*/

#house {
	margin: 0 auto 0 auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 956px; 	/* Total width */
	background: #fff url(../img/ligne-fond.jpg) repeat-y;	
}


/* Header
=====================================================================*/

#header {
/*	width: 956px;
	margin: 0 auto;
	position: relative;
	height: 140px;
	display: block;
	background: transparent;*/
	margin-left: 2px;
}

#header h1 {
	width: 952px;
	float: left;
/*	margin-left: 2px;*/
	margin-top: 5px;
	/*margin-top: 35px;*/
	background: transparent url(../img/bandeau.jpg) no-repeat 0 0;
/*	z-index: 0;*/
}

#header h1 a {
	display: block;
	margin-left: 34px;
	width: 226px;
	height: 140px;
	float:left;
	position: relative;
	margin-bottom: 0px;
/*	z-index: 0;*/
}


/* Menu du haut
===================================================================== */

#over-top {
	width:100%;
	height: 30px;
	background-color: transparent;
	color: #fff;
}

#top-menu {
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-top: 5px;
}

#top-menu a {
    height: 14px;
    font-family: Arial, sans serif;
	font-size: 10px;
	color: #666666;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#top-menu a:hover {
    background-color: #ccc;
    color:#990000;
}

/*--- visited ---*/
#top-menu a.top-telechargement,
#top-menu a.top-newsletter,
#top-menu a.top-recrutement,
#top-menu a.top-membre,
#top-menu a.top-mentions {
    background-color: #ddd;
    color: #369;
}

/* Menu principal
===================================================================== */

#nav {
/*	line-height : 1px;
	z-index: 9998;*/
	margin-left: 1px;
}

#nav a {
	background: url(../img/menu.jpg) no-repeat 0 0;
	display: block;
	height: 40px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li {
	float: left;
	position: relative;
}

#nav li,
#nav ul {
	margin: 0px;
	padding : 0px;
}

/*--- default ---*/
#nav-home a { background-position: 0 0; width: 72px; }
#nav-engage a { background-position: -72px 0; width: 98px; }
#nav-offres a { background-position: -170px 0; width: 63px; }
#nav-avant a { background-position: -233px 0; width: 93px; }
#nav-audit a { background-position: -326px 0; width: 120px; }
#nav-ingen a { background-position: -446px 0; width: 92px; }
#nav-external a { background-position: -538px 0; width: 125px; }
#nav-ref a { background-position: -663px 0; width: 94px; }
#nav-part a { background-position: -757px 0; width: 109px; }
#nav-contact a { background-position: -866px 0; width: 88px; }

/*--- hover ---*/
#nav-home a:hover { background-position: 0 -40px; width: 72px; }
#nav-engage a:hover { background-position: -72px -40px; width: 98px; }
#nav-offres a:hover { background-position: -170px -40px; width: 63px; }
#nav-avant a:hover { background-position: -233px -40px; width: 93px; }
#nav-audit a:hover { background-position: -326px -40px; width: 120px; }
#nav-ingen a:hover { background-position: -446px -40px; width: 92px; }
#nav-external a:hover { background-position: -538px -40px; width: 125px; }
#nav-ref a:hover { background-position: -663px -40px; width: 94px; }
#nav-part a:hover { background-position: -757px -40px; width: 109px; }
#nav-contact a:hover { background-position: -866px -40px; width: 88px; }

/*--- visited ---*/
#nav-home-visited a { background-position: 0 -80px; width: 72px; }
#nav-engage-visited a { background-position: -72px -80px; width: 98px; }
#nav-offres-visited a { background-position: -170px -80px; width: 63px; }
#nav-avant-visited a { background-position: -233px -80px; width: 93px; }
#nav-audit-visited a { background-position: -326px -80px; width: 120px; }
#nav-ingen-visited a { background-position: -446px -80px; width: 92px; }
#nav-external-visited a { background-position: -538px -80px; width: 125px; }
#nav-ref-visited a { background-position: -663px -80px; width: 94px; }
#nav-part-visited a { background-position: -757px -80px; width: 109px; }
#nav-contact-visited a { background-position: -866px -80px; width: 88px; }


/* Contenu
=====================================================================*/

#content {	
	width: 932px;
	margin: 0 auto;
/*	background: #fff url(../img/ligne-fond.jpg) repeat-y;*/
	font-size: 12px;
	color: #333;
	margin-left: 12px;
}
#col1 {
	float: left;
	width: 226px;
	padding: 0px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#col2 {
	float: left;
	width: 460px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#col3 {
	float: left;
	width: 226px;
	padding: 0px;
	margin-left: 5px;
/*	margin-right: 12px;*/
	margin-top: 0px;
	margin-bottom: 0px;
}


/* -- Colonne centrale -- */

.bord-haut-gauche {
	background: #fff url(../img/bord-haut-gauche.jpg) no-repeat left top;
	height: 70px;
	margin-top: 15px;
}
#col2 div.contenu {
	margin-top: -60px;
	background: transparent url(../img/bord-bas-droite.jpg) no-repeat right bottom;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#col2 div.contenu h1 {
	font-size: 18px;
	font-weight: 400;
	color: #369;
	line-height: 22px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
#col2 div.contenu h2  {
	font-size: 13px;
	font-weight: 700;
	color: #666;
	line-height: 20px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#col2 div.contenu p {
	margin-bottom : 15px;
	letter-spacing: 1px;	
}
#col2 div.contenu img.theatre {
	margin-top: 80px;
	margin-bottom : 15px;
	text-align: center;
}
#col2 div.contenu ul li {
	margin-bottom : 5px;
	letter-spacing: 1px;
	list-style-type: disc;
	list-style-position: inside;
}
#col2 div.contenu ul li.publication {
	font-weight: 700;
	color: #369;	
}
#col2 div.contenu ul li.publication-theme {
	margin-left: 40px;
	list-style-position: outside;
	list-style-type: square;
	font-size: 11px;
	font-style: italic;
}

#col2 div.contenu ul li.last {
	margin-bottom : 20px;
}
a.lien-retour {
	font-weight: 700;
	display: block;
	text-align: right;
	text-decoration: underline;
}

a.lien-retour:hover {
	text-decoration:underline;
}

/* -- Modules -- */

.module-haut {
	background: #fff url(../img/module-haut.jpg) no-repeat;
	height: 20px;
	margin-top: 15px;
}
.module-centre {
	background: #fff url(../img/module-centre.jpg) repeat-y;
}
.module-bas {
	background: #fff url(../img/module-bas.jpg) no-repeat;
	height: 27px;
}
.module2-haut {
	background: #fff url(../img/module2-haut.jpg) no-repeat;
	height: 20px;
	margin-top: 15px;
}
.module2-centre {
	background: #fff url(../img/module2-centre.jpg) repeat-y;
}
.module2-bas {
	background: #fff url(../img/module2-bas.jpg) no-repeat;
	height: 27px;
}
.contact {
	background-color: #e3ebf1;
	width: 160px;
	margin: 0 auto;
	padding: 10px;
}
.contact h1, .photo h1 {
	font-size: 14px;
	font-weight: 700;
	color: #369;
}
.contact marquee {
	font-weight: bold;
}
.contact a.underline, .photo a.underline {
	text-decoration : underline;
}
.contact img {
	margin-top: 5px;
	margin-bottom: 5px;
}
.contact2 {
	background-color: transparent;
	width: 180px;
	margin: 0 auto;
	padding: 0 10px;
}
.contact3 {
	background-color: #FFC6C6;
	width: 160px;
	margin: 0 auto;
	padding: 10px;
}
.contact3 h1 {
	font-size: 14px;
	font-weight: 700;
	color: #C00;
}
.contact3 p a.rouge {
	float: right;
	font-weight: 700;
	color: #F00;
	text-decoration: underline;
}
#defil {
	height : 120px;
}
#defil ul li {
	margin-bottom: 10px;
}
.photo {
	width: 180px;
	margin: 0 auto;
}
.photo h1 {
	text-align: center;
}
.contact2 p {
	padding: 2px 0;
}
.titreBlanc {
	color: #D9FFFF;
	font-weight: 700;
	font-size: 14px;
}
a.texteBB {
	color : #fff;
	font-weight: 400;
	line-height: 15px;
}
a.texteBB:hover {
	color : #BFFFFF;
}
a.texteBR {
	color : #FFF;
	font-weight: 700;
	line-height: 16px;
	font-style: oblique;
}
.borderWhite {
	border: 1px solid #fff;
	margin: 0;
	background-color:#0055AA;
}
.contact2 p.borderWhite {
	padding: 5px;
}

/* Bas de page 
===================================================================== */

/*#bottom {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
*/
#footer {
	vertical-align: bottom;
	height:70px;
	margin-left: 0px;
	background: url(http:../img/bas.jpg) no-repeat 0 top;
	background-color: #e0e0e0;
}

#footer a {
	display: inline;
	white-space: nowrap;
	font-family: Arial, sans serif;
	font-size: 11px;
	font-weight: 400;
}

#footer ul {
   	margin: 0 auto;
   	padding: 0.2em 0;
   	text-align: center;
}

#footer ul li{
	display: inline;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#footer a.bas-accueil,
#footer a.bas-engagement,
#footer a.bas-offres,
#footer a.bas-avantages,
#footer a.bas-audit,
#footer a.bas-ingenierie,
#footer a.bas-externalisation,
#footer a.bas-references,
#footer a.bas-partenaires,
#footer a.bas-contact,
#footer a.bas-telechargement,
#footer a.bas-newsletter,
#footer a.bas-recrutement,
#footer a.bas-membre,
#footer a.bas-mentions {
	font-weight: 700;
	color: #036;
}

/* Formulaires 
===================================================================== */

#form-telechargement {
	width: 100%
}
#form-telechargement label {
	padding-bottom: 2px;
	display: block;
	font-weight: 700;
	color: #369;
}
#form-telechargement label span.complement {
	font-weight: 400;
	color: #666;
	float: left;
}
#form-telechargement input,
#form-telechargement textarea  {
	padding: 2px 0 0 5px;
	min-height: 21px;
	display: block;
	font-weight: 700;
	color: #666;
	font-size: 12px;
}
#form-telechargement textarea  {
	margin-bottom: 14px;
}
#form-telechargement input.champ {
	width: 160px;
	margin-bottom: 10px;
}
#form-telechargement input.champ-file {
	background-color:#ddd;
	margin-bottom: 10px;
}
#form-telechargement input.liste-a-cocher {
	float: left;
	margin-right: 10px;
}
#form-telechargement input.button {
	width: auto;
	margin: 14px 0;
	padding: 0 5px;
	min-height: 21px;
	display: block;
	font-weight: 700;
	border: 1px solid #666;
	color: #666;
	background-color: #ccc;
	font-size: 12px;
	text-align: center;
}
#form-telechargement div.listes {
	margin-top: 15px;
	margin-bottom: 15px;
}
.alinea {
	font-size: 10px;
	border-top: 1px dashed #036;
	padding-top: 10px;
}
.alinea em {
	font-weight: 700;
	color: #900;
	font-style: oblique;
}
.zoneErreur {
	background-color: #FFCCCC;
	padding: 5px;
	margin-bottom: 10px;
}