/************************************ GÉNÉRAL ************************************/

body {
	background-color:#e4e7e9;
	/*background-color:#e4e7e9;*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:40px 0 0 0;
	padding:0;
	color:#324154;
}

div#contenu h3 a, div#contenu div a {
	color:#2caf56;
	text-decoration:none;
}

div#contenu h3 a:hover, div#contenu div a:hover {
	color:#6c9ea1;
	text-decoration:none;
}


/************************************ BLOCS ************************************/

div#conteneur {
	position:relative;
	margin:0 auto;
	width:772px;
}


/************************************ CLASSES ************************************/

.logo {
	position:absolute;
	top:0px;
	left:0px;
	width:182px;
	height:153px;
	padding:0;
	margin:0;
}

.image {
	position:absolute;
	display:block;
	top:0px;
	left:191px;
	width:581px;
	height:153px;
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:bold;
	font-size:15px;
}

div#espaceSlogan {
	position:absolute;
	top:0px;
	left:191px;
	width:581px;
	height:153px;
	margin:0;
	padding:0;
}

.slogan {
	position:absolute;
	bottom:10px;
	right:10px;
	font-style:italic;
	font-weight:bold;
	font-size:15px;
	color:#fff;
	padding:0;
	margin:0;
}

h3.titre {
	margin:0 0 7px 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000033;
	font-weight:bold;
	border-bottom:1px solid #4b617d;
	/*background: url(../img/cubeh3.gif) top left no-repeat;*/
}


/************************************  MENUS ************************************/

dl, dt, dd, dd ul, dd ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}

.liPlan {
	margin:0 0 0 10px;
}

.dlPlan {
	margin:0 0 10px 0px;
}

#menus {
	width:772px;
	padding:162px 0 0 0;
}


/************************************  MENU HAUT ************************************/

/* Positionnement */

#menuHaut {
	margin-top:0;
	z-index:100;
}

/* Sections */

.menuHautDLSansJava {
	float:none;
}

#menuHaut dt a {
	cursor:pointer;
	text-decoration:none;
	background:url(../img/bullet.gif) top left no-repeat;
	font-weight:bold;
	margin:0 0 0 9px;
	padding:0 0 0 9px;
	color:#4b617d;
}

div#menuHaut dt a:hover {
	color:#22a44b;
}

.menuHautDDJava {
	display:none;
	position:absolute;
	background:#759fbb;
	border:solid #fff 1px;
	margin:0 0 0 8px;
	opacity:.90;
	filter:alpha(opacity=90);
	font-size:0px;
}

.menuHautDLJava {
	float:left;
}

.menuHautDDSansJava {
	width:182px;
}

/* Sous-sections */

.menuHautASansJava {
	text-decoration:none;
	font-weight:normal;
	color:#4b617d;
	padding:0px 0px 0px 19px;
	display:block;

}

a.menuHautAJava {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:2px 9px 2px 7px;
	display:block;
	white-space:nowrap;	
	font-size:11px;
	width:170px;
}

.menuHautJava {
	position:absolute;
	top:-15px;
	right:0;
}

/* a:hover : Voir menu gauche */


/************************************  MENU GAUCHE ************************************/

/* Positionnement */

#menuGauche {
	margin-top:9px;
	z-index:101;
}

/* Top et bottom du menu */

span#menuTop {
	display:block;
	height:7px;
	width:182px;
	background:url(../img/menutop.jpg) #e4e7e9 top left no-repeat;
	font-size:0px;
}

span#menuBottom {
	display:block;
	height:33px;
	width:182px;
	background:url(../img/menubottom.jpg) #e4e7e9 top left no-repeat;
	font-size:0px;
}

.menuLine {
	display:block;
	height:2px;
	width:182px;
	background:url(../img/menuline.jpg) top left no-repeat;
	font-size:0px;
}


.arrow {
	padding:0 0 1px 0;
}

/* Fond du sous-menu */

.menuGaucheDDSansJava {
	padding:0 0 0 0;
	width:182px;
	background:url(../img/fondsmenu.jpg) #759fbb top left repeat-y;	
}

/* Sections */

div#menuGauche dt a {
	text-decoration:none;
	color:#fff;
	background:url(../img/fondsmenu.jpg) #e4e7e9 top left repeat;
	width:165px;
	padding:4px 0px 3px 17px;
	display:block;
	font-weight:bold;	
}

a.menuGaucheAJava {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:2px 9px 2px 7px;
	display:block;
	white-space:nowrap;
	font-size:11px;
}

.menuGaucheJava {
	position:absolute;
	left:0;
	margin:0 0 0 0;
	top:153px;
}

div#menuGauche dt a:hover {
	background:url(../img/fondsmenuover.jpg) #2caf56 top left no-repeat;
}

/* Sous-sections */

.menuGaucheDDJava {
	display:none;
	position:absolute;
	top:6px;
	left:165px;
	z-index:100;
	background-color:#759fbb;
	border:solid #fff 1px;
	padding-left:0px;
	background-image:none;
	opacity:.90;
	filter:alpha(opacity=90);
	font-size:0px;
}

a.menuGaucheASansJava {
	text-decoration:none;
	font-weight:normal;
	color:#fff;
	padding:2px 2px 2px 7px;
	display:block;
	width:173px;
}

div#menuGauche ul li a:hover, div#menuHaut ul li a:hover {
	color:#fff;
	background-color:#22a44b;	
}


/* Coordonnées */

#menuGauche #coordonnees {
	text-align:right;
	width:182px;
	color:#4b617d;
	margin:9px 0 0 0;
}

#menuGauche #coordonnees h3 {
	margin:0;
	padding:0 0 0 10px;
	display:inline;
	font-size:11px;
	font-weight:bold;
	background:url(../img/bullet.gif) #e4e7e9 top left no-repeat;
}


/************************************ CONTENU ************************************/

span#top {
	display:block;
	width:581px;
	height:3px;
	background:#e4e7e9 url(../img/contenutop.gif) top left no-repeat;
	font-size:0px;
}

span#bottom {
	display:block;
	width:581px;
	height:3px;
	background:#e4e7e9 url(../img/contenubottom.gif) top left no-repeat;
	font-size:0px;
	margin:0 0 10px 0;
}

div#contenant {
	position:absolute;
	top:162px;
	left:191px;
}

div#contenu {
	width:551px;
	background:#e4e7e9 url(../img/contenumiddle.gif) top left repeat-y;
	padding:10px 15px 10px 15px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	min-height: 320px;
}

div#contenu div {
	margin:0 0 20px 0;
	padding:0;
	line-height:16px;
}


/************************************ COMMUNIQUES/NOUVELLES ************************************/

.sTitreBold {
	font-weight:bold;
	display:block;
}


/************************************ CARRIERE ************************************/

#tableCarriere {
	width:550px;
}

.tdGauche {
	width:200px;
}

.tdTitle {
	background-color:#324154;
	color:#fff;
	font-weight:bold;
}

.champTexte {
	font-size:11px;
	color:#324154;
	width:350px;
}

.champFile {
	font-size:11px;
	color:#324154;
}

.champTextArea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#324154;
	height:100px;
	width:350px;
}

.btnSubmit {
	font-size:11px;
	color:#324154;
}

form {
	margin:0;
	padding:0;
}

div#coordonnees a {
	display:inline;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#4b617d;
}

div#coordonnees a:hover {
	color:#2daf57;
}