/*
*	css globale d'Astech-suisse
*
*	Copyright (c) 2009 Details Riviera
*	Date création : 29/10/09
*	Dernière modification : 17.02.01
*
*/

/************ styles globaux **********/
* {
	margin:0px;
	padding:0px;
	border:none;
	font-family:Helvetica;
	font-size:13px;
	color:#434343;
	list-style:none; 
}

body, html {
	height: 100%;
}

html {
	padding-bottom: 1px;
}

body {
	background-color:#c9c9f2;
	background-image:url(../images/bg_body.jpg);
	background-position:center -200px;
	background-repeat:no-repeat;
}

p {
	padding-bottom:15px;
	line-height:18px;
}

#contenu ul {
	padding-bottom:15px;
}

a {
	color:#d74137;
}

a:hover {
	color:#666;
}

h1 {
	visibility:hidden;
	display:none;
}

h2 {
	padding-bottom:23px;
	font-family:Helvetica neue, Helvetica, arial;
	font-size:20px;
	text-transform:uppercase;
	color:#7d7d8f;
}

h3 {
	padding:15px 0px 10px 0px;
	font-family:Helvetica neue, Helvetica, arial;
	font-size:18px;
	color:#96969d;
}

/************ div_global **********/
div#div_global {
	width:962px;
	padding:0px 130px;
	margin:0px auto;
}
/************ header **********/
#header {
	height:153px;
	background-color:#C9C9F2;
	background-image:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
}

#logo {
	width:165px;
	height:120px;
	display:block;
	background-image:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
}
/************ content **********/
#content {
	width:962px;
	background-image:url(../images/bg_content.png);
	background-repeat:repeat-y;
	background-position:top;
}
/************ menu **********/
#menu {
    width:128px;
    height:400px;
    float:left;
    padding-left:33px;
}

#nav {
	display:block;
	background-image:url(../images/bg_sous_menu.jpg);
	background-repeat:repeat-y;
}

#nav li {
	display:block;
  width:114px;
  height:24px;
  padding:0px 0px 0px 12px;
	margin-bottom:-1px;
  background-image:url(../images/bg_menu.jpg);
  background-repeat:no-repeat;
}

#nav a {
    display:block;
    text-decoration:none;
}

#nav li a {
	display:block;
	padding-top:3px;
	margin-bottom:5px;
}


#nav li ul li a {
}

/*pour le fond rouge des onglet sélectionné*/

#nav li#onglet_selected, #nav li#onglet_selected_home {
    background-image:url(../images/bg_menu_select.jpg);
    background-repeat:no-repeat;
}
/*pour donner une hauteur aux onglets sélectionnés sauf la home*/
#nav li#onglet_selected {
    height:100px;
}
/*pour que l'onglet sélectionné deviennent blanc*/
#nav li#onglet_selected a, #nav li#onglet_selected_home a {
    color:#fff;
}
/*pour cacher le sous-menu*/
#nav li ul {
    display:none;
    /* padding-top:8px; */
}
/*pour que le sous-menu soit visible*/
#nav li#onglet_selected ul {
    display: block;
}
/*pour que les li du sous-menu prennent le style*/
#nav ul li {
    background:none;
    padding:0;
    padding-bottom:5px;
    height:20px;
    color:#787777;
}
/*pour le style des liens du menu*/
#nav li#onglet_selected li a {
    width:93px;
    height:19px;
    color:#787777;
    padding:3px 0px 0px 8px;
}
/*pour le hover des liens du menu*/
#nav li#onglet_selected li a:hover {
    color:#545454;
}
/*pour les liens du sous-menu-sélectionné*/
body.niveau1 #nav ul li a.niv1,
body.niveau2 #nav ul li a.niv2,
body.niveau3 #nav ul li a.niv3 {
    background-color:#D6D4E6;
    color:#434343;
    /*height:13px;*/
}

/************ contenu **********/
#contenu {
	width:652px;
	height:auto !important;
	min-height:400px;
	float:right;
	padding-right:113px;
	background-image:url(../images/bg_contenu.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:justify;
}

/************ secrétariat **********/

/*
div.secretariat {
	width:293px;
	height:150px;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border:1px solid #ddd;
}

div.secretariat img {
	float:right;
}
*/

div.secretariat {
	width:293px;
	min-height:180px;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border:1px solid #ddd;
}

div.secretariat img {
	float:right;
	width:130px;
}

/************ présentation **********/
div.presentation {
	width:150px;
	float:right;
	padding:0px 0px 10px 20px;
}

div.presentation img {
	padding-bottom:5px;
}

/************ tableau des membres **********/
table.membres {
}

table.membres tr {
	height:14px;
}
table.membres tr.titre1 {
	background-color:#ddd;
}table.membres tr.ligne2 {
	background-color:#F5F5F5;
}

table.membres th, table.membres td {
	width:120px;
	padding:3px 5px;
}

/************ formulaire **********/
form {
	width:400px;
	padding:20px;
	border:1px solid #ddd;
}

label {
	width:100px;
	float:left;
}

input, textarea {
	border:1px solid #ddd;
	padding:1px;
}

input.doigt {
	cursor:pointer;
	color:#d74137;
}
input.doigt:hover {
	color:#666;
}


/************ footer **********/
#div_footer {
	background-image:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
	width:1222px;
	height:56px;
	margin:0px auto;
}

#elice {
	background-image:url(../images/elice.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:316px;
	position:relative;
	top:-137px;
	left:-4px;
}

/************ class sm **********/
.gras {
	font-weight:bold;
}

.italique {
	font-style: italic;
}

/************ autres **********/
.important {
	font-weight:bold;
	font-size:14px;
}

.clear {
	clear:both;
}



ul.proch_activite {
	padding-top:3px;
}