/*-------------------------------------------------------------------------------------*/
/*------------------------------------- Général ---------------------------------------*/
/*-------------------------------------------------------------------------------------*/

body
{ 
	font-family: "Helvetica", "Arial", "Times", sans-serif; 
	font-size: 90%;
	background: rgb(248,248,248);
}



#conteneur
{
	width: 950px;
	min-height: 800px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:10px;
	background: rgb(248,248,248);
}

img
{
	border: none;
}

/*-------------------------------------------------------------------------------------*/
/*-------------------------------------  Tete  ----------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*---------- Image Tete ----------*/
#imagetete
{
	height: 309px;
	background-image: url("../images/teteciel.jpg");
	background-position: center top; 
	background-repeat: no-repeat;
    margin-top: -30px;
}
/*---------- Nav ----------*/
.nav
{
	width: 950px;
	height: 43px;
	background-image: url("../images/navigation.png");
	background-repeat: no-repeat;
	background-position: 50px -88px; 
	position: relative;
	top: -170px;
	margin: auto; 
}




.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 98;
	height: 43px;
	text-indent: -9000px;
	overflow: hidden;
}





.nav .accueil a:link, .nav .accueil a:visited
{
	left: 145px;
	width: 98px;
}
.nav .accueil a:hover, .nav .accueil a:focus
{
	background-image: url("../images/navigation.png");
	background-repeat:no-repeat;
	background-position:-95px -131px;
}
.nav .accueil a:active
{
	background-image: url("../images/navigation.png");
	background-repeat:no-repeat;
	background-position:-95px -174px;
}
.current-accueil .accueil a:link, .current-accueil .accueil a:visited
{
	background-image: url("../images/navigation.png");
	background-repeat:no-repeat;
	background-position:-95px -216px;
	cursor: default;
}





.nav .paroisse a:link, .nav .paroisse a:visited
{
	left: 245px;
	width: 117px;
}
.nav .paroisse a:hover, .nav .paroisse a:focus
{
	background-image: url("../images/navigation.png");
	background-repeat:no-repeat;
	background-position:-195px -131px;
}
.nav .paroisse a:active
{
	background-image: url("../images/navigation.png");
	background-repeat:no-repeat;
	background-position:-195px -174px;
}
.current-paroisse .paroisse a:link, .current-paroisse .paroisse a:visited
{
	background-image: url("../images/navigation.png");
	background-repeat:no-repeat;
	background-position:-195px -216px;
	cursor: default;
}





.nav .cultes a:link, .nav .cultes a:visited {
		left: 364px;
		width: 71px;
	}
	.nav .cultes a:hover, .nav .cultes a:focus {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-314px -131px;
	}
	.nav .cultes a:active {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-314px -174px;
	}
	.current-cultes .cultes a:link, .current-cultes .cultes a:visited {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-314px -216px;
		cursor: default;
	}
	
	
	
	
	.nav .activites a:link, .nav .activites a:visited {
		left: 436px;
		width: 94px;
	}
	.nav .activites a:hover, .nav .activites a:focus {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-386px -131px;
	}
	.nav .activites a:active {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-386px -174px;
	}
	.current-activites .activites a:link, .current-activites .activites a:visited {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-386px -216px;
		cursor: default;
	}
	
	
	
	
	
		.nav .jeunesse a:link, .nav .jeunesse a:visited {
		left: 532px;
		width: 90px;
	}
	.nav .jeunesse a:hover, .nav .jeunesse a:focus {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-482px -131px;
	}
	.nav .jeunesse a:active {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-482px -174px;
	}
	.current-jeunesse .jeunesse a:link, .current-jeunesse .jeunesse a:visited {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-482px -216px;
		cursor: default;
	}
	
	
	
	
	
.nav .catechisme a:link, .nav .catechisme a:visited {
		left: 624px;
		width: 108px;
	}
	.nav .catechisme a:hover, .nav .catechisme a:focus {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-574px -131px;
	}
	.nav .catechisme a:active {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-574px -174px;
	}
	.current-catechisme .catechisme a:link, .current-catechisme .catechisme a:visited {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-574px -216px;
		cursor: default;
	}
	
	
	
	
	.nav .contacts a:link, .nav .contacts a:visited {
		left: 732px;
		width: 111px;
	}
	.nav .contacts a:hover, .nav .contacts a:focus {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-682px -131px;
	}
	.nav .contacts a:active {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-682px -174px;
	}
	.current-contacts .contacts a:link, .current-contacts .contacts a:visited {
		background-image: url("../images/navigation.png");
		background-repeat:no-repeat;
		background-position:-682px -216px;
		cursor: default;
	}



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

/*---------- Menulat ----------*/
#menulat
{
	float: left;
	width: 200px;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;

}


#menulat ul li
{
	list-style-type: none;
	background-color: rgb(15,45,165);
	opacity: 0.8;
	padding: 5px;
	border-bottom: 1px solid rgb(248,248,248);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#menulat ul a
{
	color: rgb(255,255,255);
}

#menulat ul li, #menulat .subMenu li,  #menulat .subMenu li a
{
  -webkit-transition-property: background-color; //safari + chrome
  -webkit-transition-timing-function: ease;
  -webkit-transition-duration: 0.8s;
  -moz-transition-property: background-color; // firefox
  -moz-transition-timing-function: ease;
  -moz-transition-duration: 0.8s;
  -o-transition-property: background-color;  //opera
  -o-transition-timing-function: ease;
  -o-transition-duration: 0.8s;
  transition-property: background-color; // pour quand la fonction sera standardisée
  transition-timing-function: ease;
  transition-duration: 0.8s;
}

#menulat ul li:hover, #menulat .subMenu li a:hover
{
 background-color: rgb(0,0,0);
}

#menulat .subMenu li:hover
{
 background-color: rgb(15,45,165);	
}

#menulat ul li:active, #menulat .subMenu li a:active
{
	background-color: rgb(84,66,101);
}

#menulat .subMenu li a
{
	margin-left: -40px;
	padding: 1px 5px 1px 5px;
}

#menulat .subMenu li
{
	font: 80%;
	border-bottom: none;
}

#menulat .toggleSubMenu:hover
{
	background-color: rgb(15,45,165);
	opacity: 0.8;
}

#menulat .subMenu .fin_de_liste, #menulat .fin_de_liste
{
	border-bottom: none;
}


	
/*--------------------------- Corps --------------------------*/	
#corps
{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	border-right: 1px dashed rgb(15,45,165);
	border-left: 1px dashed rgb(15,45,165);
	width: 550px;
	min-height: 350px;
	text-align: justify;
	margin-left: 240px;
	margin-top: -40px;
	padding: 30px;
}

/*--------------------------- Corps Accueil--------------------------*/
 
 .corps_accueil
{
	margin-top: -70px;
}

.blocs_large
{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	border-right: 1px dashed rgb(15,45,165);
	border-left: 1px dashed rgb(15,45,165);
	margin-left: 95px;
	margin-right: 67px;
	margin-bottom: 20px;
	text-align: justify;
	padding: 10px 20px 10px 20px;
	clear:both;
}

.blocs_gauche
{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	border-right: 1px dashed rgb(15,45,165);
	border-left: 1px dashed rgb(15,45,165);
	margin-left: 95px;
	margin-bottom: 20px;
	float: left;
	width: 36%;
	min-height: 100px;
	text-align: justify;
	padding: 10px 20px 10px 20px;
	clear:left;
}

.blocs_droit
{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	border-right: 1px dashed rgb(15,45,165);
	border-left: 1px dashed rgb(15,45,165);
	margin-right: 65px;
	margin-bottom: 20px;
	float: right;
	width: 36%;
	min-height: 100px;
	text-align: justify;
	padding: 10px 20px 10px 20px;
	clear:right;
}

.titreh4
{
	margin: 0px;
}

span
{
	font-size: 11px;
	font-weight: normal;
}

.contenu
{
	margin-top: 5px;
}

h1
{
	color: rgb(15,45,165);
}

/*--------------------------- Autres Corps Accueil--------------------------*/

#allemand
{
	display: none;
}

.titre
{
	margin-left: 225px; 
	margin-top: -90px;
}


.section
{
	color: rgb(50,70,150);
}

#album
{
	position: fixed;
	top: 400px;
	left: 200px;
}

/*--------------------------- Album --------------------------*/
.ulAlbum
{
	list-style-type: circle;
	text-align: left;
	margin-left: -20px;
}
	
.apercu
{
	border: solid;
	width: 400px;
	height: 100px;
	left: 200px;
	top: 300px;
}

#corps .apercu_album
{
	margin: auto;
}

#corps .apercu_album td
{
	border: none;
}

#corps .apercu_album img
{
	padding: 10px;
}

/*--------------------------- Titre --------------------------*/

h2
{
	color: rgb(50,70,150);
	border-bottom: 2px solid rgb(50,70,150);
}


h3
{
	color: rgb(122,82,54);
	font-style: italic;
}

h4
{
	color: rgb(150,23,23);
}

/*#sous_menu_select
{
	color: rgb(150,23,23);
}*/

.listestandard
{
	list-style-type: circle;
	text-align: left;
}

#organigramme
{
	margin-left: 80px;
}



.tableau_act
{
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
}



/*.sous_menu_lat
{
	margin-left: -25px;
	font-size: 85%;
}*/

/*contacts */
	
.adresse li
{
	list-style-type: none;
	text-decoration: none;
	text-align: left;
}

.adresse a:hover
{
	color: rgb(122,82,54);
}

.adresse .groupe
{
	color: rgb(150,23,23);
	font-size: 110%;
}

/*pied de page */



#pied_de_page
{
	margin-left: 180px;
	margin-right: 200px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	color: rgb(177,175,175);
}

#pied_de_page a, a
{
	text-decoration: none;
	color: rgb(50,70,150);
}

#pied_de_page a, a
{
  -webkit-transition-property: color;
  -webkit-transition-timing-function: ease;
  -webkit-transition-duration: 1.5s;
  -moz-transition-property: color;
  -moz-transition-timing-function: ease;
  -moz-transition-duration: 1.2s;
}


#pied_de_page a:hover, a:hover
{
	color: rgb(122,82,54);
}


#blocdroite
{
	float: right;
	margin-left:auto;
	margin-top: 90px;
}

#image_accueil
{
	float: right;
	margin-top: -50px;
	padding-left: 5px;
}

#affiche_camp
{
	margin-top: 50px;
	padding-left: 25px;
}

thead
{
	font-weight: bold;
	background: rgb(177,175,175);
}

#tabconseil
{
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: 120px;
	border: 1px solid;
	border-collapse: collapse;
}

#tabconseil td, #tabconseil tr
{
	border: 1px solid;
	width: 180px;
}
	
	
	
#tabconseil caption
{
	font-size: 70%;
	caption-side: bottom;
}


.formulaire
{
	margin: auto;
	width: 80%;
}

.formulaire legend
{
	font-size: 110%;
}

.formulaire td
{
	border: none;
}

.valide
{
	color: rgb(0,200,0);
}

.invalide
{
	color: rgb(220,0,0);
}



/*-------------------------------------------------------------------------------------*/
/*----------------------------    La Paroisse - Hisoire ------------------------------*/

.image_d
{
	float: right;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
  	-webkit-box-shadow: 1px 1px 12px #555; //safari + chrome
  	-moz-box-shadow: 1px 1px 12px #555; //firefox
	-0-box-shadow: 1px 1px 12px #555; //opera
	box-shadow: 1px 1px 12px #555; //pour quand la fonction sera standardisée
}


td
{
	border: 1px solid #DFE1E3;
	padding: 5px;
}



.lieu
{
	width: 140px;
	font-style: italic;
}

.tableauinfo1
{
	width: 250px;
}

.information
{
	border-top: 1px solid #6D071A;
}

.liste_numero
{
	font-weight: bold;
}

.dates1
{
	margin-left: 50px;
}

.date2
{
	font-style: italic;
	width: 130px;
}

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

label 
{
display: block;
width: 150px;
float: left;
}




.passeport, .img_scuol1 img, .img_scuol2 img
{
	-webkit-box-shadow: 3px 3px 19px rgba(0,0,0,.8); //safari + chrome
	-moz-box-shadow: 3px 3px 19px rgba(0,0,0,.8) // firefox
	-o-box-shadow: 3px 3px 19px rgba(0,0,0,.8) // opera
	box-shadow: 3px 3px 19px rgba(0,0,0,.8) // pour quand la fonction sera standardisée
}

/*------------------------- Jeunesse - Scuol 2010 - Le camp -------------------------*/

.img_scuol1
{
	text-align: center;
}

.img_scuol2
{
	float: right;
	margin-left: 20px;
	margin-right: 25px;
	text-align: center;
	margin-top: 10px;
}

h3.flottant
{
	clear:both;
}

.adresse_titre
{
	text-decoration: underline;
}

h5
{
	font-size: 13px;
	margin-bottom: -10px;
	margin-top: -10px;
}

/*-------------------------------- textarea pour l'e-mail écrit au membres --------------*/

#message
{
display: block;
margin: auto;
width: 800px;
height: 300px;
padding-top: 20px;
padding-bottom: 20px;
}