﻿* {
margin: 0;
	padding: 0;
	color: #333;
}

html, body {
	height: 100%;
	background-color: #fff1e4;
/*arrière plan de la page*/	font: 14px Georgia, "Times New Roman", Times, serif;
}

#conteneur {
	background-color: #fff;
	width: 1030px;
	margin: 0 auto;
	min-height: 100%;
	/* Pour ajouter une bordure : border: 2px solid #f6ffff; */
	position: relative;
}

img {
	border: none;
	margin-bottom: 20px;
}

/* @group conteneur */

#entete {
	height: 160px;
	background: url(images/entete.png);
	/*border-top: 10px solid white;*/
}

#logo {
	
	padding-left: 85px;
	padding-top: 15px;
	float: left;
}


#h1 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	padding-right: 30px;
	padding-top: 50px;
}

.blue {
	color: #2faeff;
	font-weight: bold;
}

.retrait_45 {
	padding-right: 49px;
}

.retrait_14 {
	padding-right: 14px;
}

#menu_principal {
	background:  url(images/menu_principal.png) center;
	height: 30px;
	overflow: hidden;
	color: #75c10f;
}

/* @group #menu_principal */

#menu_principal ul {
	list-style-type: none;
	margin: auto;
	text-align: right;
	padding-left: 200px;
}
#menu_principal ul ul{
	display : none;
	text-align: right;
}

#menu_principal li {
	float: left;
	width: 100px;
	text-align: right;
	margin: 2px 30px;
}

#menu_principal a {
	display : block;
	text-decoration: none;
	color: #333;
	width: 120px;
	padding: 4px 0;
	font-size: 16px;
	line-height: 16px;
	background-color: #fff;
	text-align: right;
}

#menu_principal a:hover {
	color: #00cfe1;
}

#menu_principal .current {
	font-weight: bold;
	background: url(images/bulle1.png) left;
	background-repeat: no-repeat;
}



/* @end */

#corps {
	background-color: #fff;
	overflow: hidden;
	padding-right: 30px;
}

/* @group corps */

#menu_corps {
	width: 210px;
	float: left;
	margin-left: 30px;
	text-align: center;
	margin-top: 20px;
}

/* @group menu_corps */

#menu_corps ul {
	list-style-type: none;
	/* Pour masquer les puces; */
}

#menu_corps ul ul {
	padding-left: 7px;
	padding-right: 7px;
}

#menu_corps ul ul ul {
	padding-left: 7px;
	padding-right: 7px;
}

#menu_corps li {
	letter-spacing: 1px;
	margin: 5px 0px 5px;
}

#menu_corps ul a {
	display: none;
	text-decoration: none;
	width: 175px;
	background: url(images/puce1.png) left;
	background-repeat: no-repeat;
}

#menu_corps ul ul a {
	display: block;
	background: url(images/puce1.png) left;
	background-repeat: no-repeat;
	
}

#menu_corps a:hover {
	color: #00cfe1;
}


/*#menu_corps .currentAncestor 
/*currentAncestor est la classe de ce que tu sélectionnes ex. là on est dans menu membres, section structure, page centre de créa. CurretnAncestor c'est (tout cela)*//*{
	display: block;
	background: url(/imgage/images01.jpg) left;
}

#menu_corps ul ul .currentAncestor {
	display: block;
	background: url(/imgage/images01.jpg) left;
}*/

#menu_corps .current {
	background: url(images/bulle2.png) left;
	font-weight: bold;
	background-repeat: no-repeat;
}

.tag {
	font-size: 20px;
}

.tag1 {
	font-size: 18px;
}

.tag2 {
	font-size: 16px;
}

.tag3 {
	font-size: 14px;
}

.tag4 {
	font-size: 10px;
}

td {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 2px solid #fff1e4;
	padding: 5px 5px;
}

.nuagetag {
	background: url(images/nuagetag.png) center;
	padding: 5px;
}

.blanc_cell {
	padding-top: 5px;
	border-style: none;
}

.center
{
    text-align:center;
    }


/* @end */

#contenu {
	background-color: #fff;
	width: 730px;
	float: left;
	margin: 0 0 0 20px;
	padding: 25px 5px 5px;
	text-align: justify;
	font: 13px/22px Georgia, "Times New Roman", Times, serif;
}

#contenu_index {
	width: 720px;
	background-color: #fff;		float: left;
	margin: 0 0 0 20px;
	text-align: justify;
	font: 13px/20px Georgia, "Times New Roman", Times, serif;
	padding: 25px 5px 5px;
}

#contenu a {
	color: #4dbf22;
}

#contenu_index a {
	color: #4dbf22;
}

.up20 {
	font-size: 20px;
}

.up18 {
font-size: 18px;
}

.p_center {
	text-align: center;
	font-weight: bold;
}

.up_case  {
	background: url(images/up_case1.png) center;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 20px;
	font-style: italic;
	line-height: 15px;
}

.up_case_index  {
	background: url(images/up_case.png) center;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 20px;
	font-style: italic;
	line-height: 15px;
}

.bold {
	font-weight: bold;
}

.ital {
	font-style: italic;
}

.retrait_40 {
	padding-left: 10px;
}

/* @end */


/* @end */

#pied {
	text-align: center;		     
	bottom: 0;
	position: relative; /*POur sortir un élément du flux, attention, son élément référent doit être position:relative*/
	left: 0;/*Pour aligner le pied de page par rapport à la page car dans internet explorer, notre feitnte ne marche pas*/
	width: 100%;
	font-size: 11px;
	background: url(images/pied.jpg);
	margin-top: 20px;
	line-height: 25px;
}



