/*--------------INTERFACE--------------*/
* {
	margin: 0px;
	padding: 0px;
}

.liste_actu th{
	color:#FFFFFF;
	background-color:#444444;
	font-weight:bold;
	padding:3px;
}

.liste_actu td{
	padding:3px;
}

.formulaire {
	margin: 0px;
	padding: 0px;
}
li{
	margin-left:20px;
}
.formulaire fieldset{
	width: 700px;
	margin-left:auto;
	margin-right:auto;
}
.formulaire input{
	width: 450px;
}

.formulaire select{
	width: 455px;
}

.formulaire textarea{
	width: 450px;
	height: 100px;
}
.formulaire legend{
	color: #555442;
	font-weight: bold;
}
.formulaire p{
	margin: 5px;
	padding: 0px;
	border-color: #555442;
}
.formulaire label{
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	padding: 0px;
	line-height: 15px;
	color: #000000;
}

.formulaire_don {
	margin: 0px;
	padding: 0px;
}

.formulaire_don fieldset{
	width: 700px;
	margin-left:auto;
	margin-right:auto;
}

.formulaire_don legend{
	color: #555442;
	font-weight: bold;
}

.formulaire_don label{
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	padding: 0px;
	line-height: 15px;
	color: #000000;
}

.map_asso{
	width:350px;
	margin-right:10px;
	float:right;
}

.texte_map_asso{
	margin-top:20px; 
	margin-left:10px; 
	margin-right:25px; 
	text-align: justify;
}

.map_asso2{
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

p {
	margin-bottom: 12px;
}
body {
	background: url(../images/interface/fond.jpg) repeat #C1D2B9;
	color: #000000;
}

select{
	margin-top: 2px;
	font-size: 12px;
}
select.formations{
	width: 200px;
}

table {
	padding-bottom:0px;
	margin-bottom: 0px;
}

table td {
	vertical-align: top;
}

#conteneur {
	width: 990px;
	background: url(../images/interface/fond-droite.jpg) repeat-y top right #FFFFFF;
	height: auto;
	color: #000000;
}

#navigation {
	width: 211px;
	height: 100%;
	position: relative;
	float: left;
	padding-top:7px;
}

.nav {
	background: url(../images/interface/fond-nav.jpg) repeat-y;
}

.header {
	background: url(/images/interface/header-new.jpg) no-repeat;
	margin-top: 160px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-right: 10px;
	vertical-align: bottom;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	bottom: 0px;
	background: url(../images/interface/footer.jpg) repeat-y;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	padding-right: 36px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.footer a {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}

#contenu {
	padding-left: 15px;
	padding-top: 29px;
	padding-right: 37px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#contenu h3 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#contenu h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #a88028;
}
#don-rapide {
	position:relative;
	width: 695px;
	height: 50px;
	background: url(../images/interface/don-rapide.jpg) no-repeat;
	margin-left: auto;
	margin-right:auto;
	top: -29px;
}

#interaction {
	/*position: relative;*/
	width: 641px;
	height:27px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: -20px;*/
	text-align: right;
	background: url(../images/interface/pointille.gif) repeat-x bottom;
	display: bloack;
}

#bandeau {
	position: relative;
	width:678px;
	height:81px;
	margin: 0px auto 0px;
	background: right no-repeat;
	margin-top: 20px;
}
#bandeau h1 {
	font-size: 16px;
	font-family: arial;
	width: 324px;
	padding-top: 20px;
	margin-bottom: 5px;
	text-align: right;
}
#bandeau h2 {
	font-size: 16px;
	width: 324px;
	text-align: right;
	
}
#texte h3 {
	margin-bottom:16px;
	padding:0 0 0 15px;
}
#texte h3 .blanc {
	background-color:#FFFFFF;
	padding:0 5px 0 5px;
}
#texte {
	width: 678px;
	margin: 20px auto 0px;
}
#texte a:hover{
	color: black;
}
#texte h1 {
	font-size: 18px;
	margin: 0 0 5px 20px;
	font-weight: normal;
}
#texte h2 {
	font-size: 16px;
}
#retour-accueil{
	color:#a68128;
	font-weight:bold;
}
#retour-accueil a, #retour-accueil a:hover, #retour-accueil a:visited{
	color:#a68128;
}
#retour-accueil a:hover{
	color:black;
}
.photo-droite{
	float: right;
	margin:0 0 0 20px;
}	
.photo-gauche{
	float: left;
	margin:0 20px 0 0;
}
.pointilles{
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
}

/* BOITE A OUTILS */
#boite-outils{
	width: 200px;
	float:right;
	margin:0 0 0 20px;
	border:3px #55ad25 solid;
	background-color:#FFFFFF;
}
#boite-outils h4{
	padding-bottom: 10px;
	background-image:url(/images/interface/boite-outils-h4.gif);
	background-position:to left;
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-align:center;
	padding-top:3px;
	font-size:12px;
}
#boite-outils ul{
	padding-left: 10px;
	margin-bottom:10px;
	list-style:none;
}
#boite-outils ul li{
	background-image: url(/images/interface/boite-outils-puce.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
}
#boite-outils p{
	padding:0 5px 0 5px;;
}

/* CADRE CONTACT */
#cadre-outils{
	width: 288px;
	float:right;
	margin:0 0 0 20px;
	border:3px #DD5300 solid;
	background-color:#FFFFFF;
}
#cadre-outils h4{
	padding-bottom: 10px;
	background-image:url(/images/interface/cadre-contact-h4.gif);
	background-position:to left;
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-align:center;
	padding-top:3px;
	font-size:12px;
}
#cadre-outils ul{
	padding-left: 10px;
	margin-bottom:10px;
	list-style:none;
}
#cadre-outils ul li{
	background-image: url(/images/interface/cadre-contact-puce.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
}
#cadre-outils p{
	padding:5px 5px 5px 5px;;
}
.texte-petit {font-size:10px}
.texte-moyen {font-size:12px}
.texte-grand{font-size:14px}

.filet{	border-top : 1px solid #A88028;}

/* CODE COULEURS : */
.texte-vert-fonce {color: #dd5300;}

/* orange */
.orange #bandeau h1{
	color: #dd5300;
}
.orange a, .orange a:link, .orange a:visited{
	color: #dd5300;
	text-decoration:underline;
}
.orange .photo-droite, .orange .photo-gauche{
	border:2px #dd5300 solid;
}	
.texte-orange {color: #DD5300;}
.orange h3 {
	background-image:url(/images/interface/h3-orange.gif);
	background-position:top right;
	background-repeat:repeat-x;
	color: #dd5300;
}
.orange .pointilles{	border-top : 1px dotted #DD5300;}
.orange .filet{	border-top : 1px solid #DD5300;}

/* marron */
.marron #bandeau h1{
	color: #a88028;
}
.marron a, .marron a:link, .marron a:visited{
	color: #a88028;
	text-decoration:underline;
}
.marron .photo-droite, .marron .photo-gauche{
	border:2px #a88028 solid;
}	
.texte-marron {color: #a88028;}
.marron h3 {
	background-image:url(/images/interface/h3-marron.gif);
	background-position:top right;
	background-repeat:repeat-x;
	color: #a88028;
}
.marron .pointilles{	border-top : 1px dotted #a88028;}
.marron .filet{	border-top : 1px solid #a88028;}

/* vert */
.texte-vert {color: #55ad25;}
.vert #bandeau h1{
	color: #55ad25;
}
.vert a, .vert a:link, .vert a:visited{
	color: #55ad25;
	text-decoration:underline;
}
.vert .photo-droite, .vert .photo-gauche{
	border:2px #55ad25 solid;
}	
.vert h3 {
	background-image:url(/images/interface/h3-vert.gif);
	background-position:top right;
	background-repeat:repeat-x;
	color: #55ad25;
}
.vert .pointilles{	border-top : 1px dotted #55ad25;}
.vert .filet{	border-top : 1px solid #55ad25;}

/* rose */
.texte-rose{color: #b52d51;}
.rose #bandeau h1{
	color: #b52d51;
}
.rose a, .rose a:link, .rose a:visited{
	color: #b52d51;
	text-decoration:underline;
}
.rose .photo-droite, .rose .photo-gauche{
	border:2px #b52d51 solid;
}	
.rose h3 {
	background-image:url(/images/interface/h3-rose.gif);
	background-position:top right;
	background-repeat:repeat-x;
	color: #b52d51;
}
.rose .pointilles{	border-top : 1px dotted #b52d51;}
.rose .filet{	border-top : 1px solid #b52d51;}

/* anis */
.texte-anis{color: #715b9f;}
.anis #bandeau h1{
	color: #715b9f;
}
.anis a, .anis a:link, .anis a:visited{
	color: #715b9f;
	text-decoration:underline;
}
.anis .photo-droite, .anis .photo-gauche{
	border:2px #715b9f solid;
}	
.anis h3 {
	background-image:url(/images/interface/h3-anis.gif);
	background-position:top right;
	background-repeat:repeat-x;
	color: #715b9f;
}
.anis .pointilles{	border-top : 1px dotted #715b9f;}
.anis .filet{	border-top : 1px solid #715b9f;}

/* turquoise */
.texte-turquoise{color: #02b3c5;}
.turquoise #bandeau h1{
	color: #02b3c5;
}
.turquoise a, .turquoise a:link, .turquoise a:visited{
	color: #02b3c5;
	text-decoration:underline;
}
.turquoise .photo-droite, .turquoise .photo-gauche{
	border:2px #02b3c5 solid;
}	
.turquoise h3 {
	background-image:url(/images/interface/h3-turquoise.gif);
	background-position:top right;
	background-repeat:repeat-x;
	color: #02b3c5;
}
.turquoise .pointilles{	border-top : 1px dotted #02b3c5;}
.turquoise .filet{	border-top : 1px solid #02b3c5;}

.puces-oranges {
	margin-left:15px;
	list-style:none;
	margin-bottom:15px;
}
.puces-oranges li {
	background-image:url(/images/interface/puce-orange.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px
}
.puces-oranges li ul{
	margin-left:15px;
	padding-left:10px;
	list-style:none;
	margin-top:3px;
	
}


.puces {
	margin-left:30px;
	list-style:none;
	margin-bottom:15px;
}
.puces ul {
	margin: 0;
	padding: 0;
}

.puces li {
	background-image:url(/images/interface/puce.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 10px;
	margin: 0;
}




.encadre{
	padding:10px;
	border:1px #DD5300 solid;
	font-size:11px;
	font-weight:bold;
	color:#DD5300;
	margin:10px 0 10px 0;
}

.cadre{
	border:1px #a88028 solid;
	font-size:14px;
	font-weight:bold;
	color:#a88028;
	margin:10px 0 10px 0;
}

/*------------ Mise en pages des tableaux ---------------*/
.tableau-orange{
	border-collapse:collapse;
	font-size:1em;
	background-color: #eee5df;
	margin-bottom:30px;
}
.tableau-orange caption{
	text-align:left;
	color: #dd5300;
	font-weight: bold;
	padding: 0px;
	line-height:30px;
}
.tableau-orange td, th{
	padding:0px 0px 0px 7px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #e8c8b4;
	border-right: 1px solid #e8c8b4;
	border-bottom: 0px solid #e8c8b4;
	border-left: 0px solid #e8c8b4;
}
.tableau-orange th{
	color:#dd5300;
	background-color:#e8c8b4;
	text-align:left;
	font-size:12px;
	line-height:20px;
}


/* SOUS MENU ORANGE  */
#menu-interne{
	float:right;
	width: 170px;
	margin-left: 20px;
	background-color: #FFFFFF;
	margin-top: 10px;
}
#menu-interne dl {
	margin: 0 auto;
	padding: 0 0 10px 0;
}
#menu-interne dd {
	margin:0;
	padding:2px 0 7px 5px;
	color: #dd5300;
	font-size: 1em;
	border-bottom:1px dashed #dd5300;
	background-color: #FFF2EA;
}
#menu-interne dd a, #menu-interne dd a:link, #menu-interne dd a:visited{
	color:#DD5300;
	text-decoration:none;
	background-color: #FFF2EA;
}
#menu-interne dd a:hover{
	text-decoration:none;
	color:#000000;
}
/*#menu-interne ul{
	margin: 5px 0 0 20px;
	font-size:11px;
}
#menu-interne ul li{
	margin-bottom: 5px;
}*/


/*pop-up Ajax*/
#aide, #CNIL
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #03712f;
	text-align:left;
	padding: 6px 6px 6px 15px;
	margin: 0px;
	width:470px;
	height:auto;
	position: absolute;
	z-index: 9999;
	top: 200px;
	left: 220px;
	background-color: #ecf4db;
}
h5{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
	text-decoration: underline;
}

 h6 {
 	font-size: 12px;
	font-weight: normal;
	color:#03712F;
	font-size:11px;
}


.espace_li {
list-style-position:inside;
}

.tab {
	padding: 5px;
	width: 660px;
	background-image: url(../images/combattre/fon.gif);
	background-repeat: no-repeat;
	background-position: center bottom;

}
.tab a, .tab a:visited{
	color:#715B9F;
}
.tab a:hover{
	color:#FFFFFF;
}