/*#######################################################################################################*/
/*                                                                                                       */
/*                                         Prosport 69                                           */
/*                                       ACTi EBE - Fevrier 2008                                         */
/*                                                                                                       */
/*#######################################################################################################*/
* {margin: 0px;padding: 0px;outline:none;}

body {text-align:center;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:0.7em;}


img {border: 0 none;}
h1 {font-size: 1.5em;color: #A6BC3E;}
h2 {font-size: 1.2em;color: #BF0079;font-weight: bold;}
h3 {font-size: 0.9em;font-weight: bold;color: #632383;font-weight:bold;}
h4 {color:#BD007B;
font-size:1.3em;
font-weight:bold;
padding-left:50px;
padding-top:68px;}
h5 {font-size: 1.2em;color: #bd007b; padding-left:30px; padding-top:5px; padding-bottom:5px;margin-top:10px;  }
h6 {font-size: 1.2em;color: #bd007b; padding-left:33px; padding-top:10px;margin-top:10px; padding-bottom:12px; }

div {background-color:transparent;}

p {text-align: left; font-size:0.9em;padding-left:30px; padding-top:8px; }

strong {}
a:link, a:active, a:visited  {text-decoration: none;}
a:hover {text-decoration:none;outline:none;}
ul, li, dl, dt, dd {list-style-type: none;}

abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
p.mise-en-valeur{ border: solid #bd007b 1px;margin:10px 0px 10px 30px; padding:6px;}
p.info{font-size: 0.9em; color:#622081;}
/*###############################################  GLOBAL ###########################################*/

div#container {width:955px;text-align:left;margin-left:auto;margin-right:auto;margin-top:0px;padding:0px;height:688x; }

div#container div#header{background:url(images/header.jpg) left top no-repeat;width:955px;height:164px;}
div#header h1, div#header h2 { text-indent: -9000em; display:none;}
div#header p{padding-left:0px; padding-top:0px;}
div#header p a {background:url(images/retour-accueil.jpg) left top no-repeat;height:164px;width: 469px; text-indent: -9000em; display:block;}
div#header p a:hover {background:url(images/retour-accueil.jpg) left bottom no-repeat;}

div#footer {width:955px;height: auto;clear:both;text-align:left;margin-left:auto;margin-right:auto;margin-top:0x;padding:0px;}
div#footer p {padding:0px;}
div#footer ul {padding: 8px 0;background:url(images/separateur-pointille.gif) bottom repeat-x;color:#622181;margin-left: -5px;}
div#footer ul li{display:inline; background: url(images/separateur-nav.gif) right 1px no-repeat; padding: 0 5px}
div#footer ul li.noseparator{background:none;}
div#footer ul li a:hover{color:#CCCCCC; text-decoration:none}
div#footer a:link,div#footer a:active,div#footer a:visited{color:#622181;}
div#footer p#adresse{height: 15px;float:left;color:#622181;}
div#footer p#droits{height: 15px;float:right;color:#622181;}


div#content {float:left;width:700px;height:480px;background:url(images/separateur-pointille.gif)left bottom repeat-x;
             background-position: -683px 320px; z-index:2; position:relative}
div#content #jeunes-action{margin-top:12px;margin-right:15px;background:url(images/visuel.jpg) left top no-repeat;width:700px;height:288px;}


/*############################################### NAVIGUATION PRINCIPALE ###########################################*/

div#menu {height:40px;width:955px; position:relative; z-index:9999; }
div#menu ul { }
div#menu ul li {color:#FFFFFF;display:inline;float:left;height:40px;text-indent: -9000em;
}
div#menu ul li a:link, div#menu ul li a:visited {
	color:#FFFFFF;
	display:block;
	height:40px;
	padding:0px;
}
div#menu ul li ul { display:none; position:absolute; border:solid 1px #bd007b; background:#FFFFFF; margin:0px; padding-bottom:5px; padding-top:5px; width:189px }
div#menu ul li ul li { float:none; border:none; text-indent:0; background:#FFFFFF; height:30px; }
div#menu ul li ul li a:link, div#menu ul li ul li a:visited, div#menu ul li ul li a:active { color:#bd007b; display:block; margin:0px 13px 0px 13px; border-bottom:solid 1px #bd007b; padding:2px 0px 2px 0px; line-height:1em; height:15px;  background:#FFFFFF; }
div#menu ul li ul li a:hover { color:#622181; }
	
div#menu ul li#rubrique1 {
	background:url(images/menu.jpg) 0px 0px no-repeat;
	width:191px;
}
div#menu ul li#rubrique1 a:hover, div#menu ul li#rubrique1 a.actif {background:url(images/menu.jpg) 0px -40px no-repeat;}
div#menu ul li#rubrique2 {
	background:url(images/menu.jpg) -191px 0px no-repeat;
	width:191px;
}
div#menu ul li#rubrique2 a:hover, div#menu ul li#rubrique2 a.actif {background:url(images/menu.jpg) -191px -40px no-repeat;}
div#menu ul li#rubrique3 {
	background:url(images/menu.jpg) -382px 0px no-repeat;
	width:191px;
}
div#menu ul li#rubrique3 a:hover, div#menu ul li#rubrique3 a.actif {background:url(images/menu.jpg) -382px -40px no-repeat;}
div#menu ul li#rubrique4 {
	background:url(images/menu.jpg) -573px 0px no-repeat;
	width:191px;
}
div#menu ul li#rubrique4 a:hover, div#menu ul li#rubrique4 a.actif {background:url(images/menu.jpg) -573px -40px no-repeat;}
div#menu ul li#rubrique5 {
	background:url(images/menu.jpg) -764px 0px no-repeat;
	width:191px;
}
div#menu ul li#rubrique5 a:hover, div#menu ul li#rubrique5 a.actif {background:url(images/menu.jpg) -764px -40px no-repeat;}

div#menu ul li#rubrique1 ul li, div#menu ul li#rubrique1 ul li a, div#menu ul li#rubrique1 ul li a:hover, div#menu ul li#rubrique1 ul li a.actif, div#menu ul li#rubrique2 ul li, div#menu ul li#rubrique2 ul li a:hover, div#menu ul li#rubrique2 ul li a.actif, div#menu ul li#rubrique3 ul li, div#menu ul li#rubrique3 ul li a:hover, div#menu ul li#rubrique3 ul li a.actif, div#menu ul li#rubrique4 ul li, div#menu ul li#rubrique4 ul li a:hover, div#menu ul li#rubrique4 ul li a.actif, div#menu ul li#rubrique5 ul li, div#menu ul li#rubrique5 ul li a:hover, div#menu ul li#rubrique5 ul li a.actif { background-color:#FFFFFF; background-image:none; display:block }



/*############################################### MOT CLES / HOME ###########################################*/

div#content #jeunes-action h3, div#content #jeunes-action p.invisible { text-indent:-9000em}

div#content #jeunes-action p {position: relative; margin-left:39px; margin-top:2px; padding:0px}
div#content #jeunes-action p.keyword1 {font-size: 1.2em; left: 0px; top:100px;}
div#content #jeunes-action p.keyword1 a { color:#622181; font-weight:bold;}
div#content #jeunes-action p.keyword1 a:hover {color: #bd007b; text-decoration:none}

div#content #jeunes-action p.keyword2 {font-size: 1.8em; left: 0px; top:100px;}
div#content #jeunes-action p.keyword2 a { color:#bd007b}
div#content #jeunes-action p.keyword2 a:hover {color: #622181; text-decoration:none}

div#content #jeunes-action p.keyword3{font-size: 1.2em; top: 80px; left:58px;}
div#content #jeunes-action p.keyword3 a { color:#622181}
div#content #jeunes-action p.keyword3 a:hover {color: #bd007b; text-decoration:none}

div#content #jeunes-action p.keyword4 {font-size: 1em; top: 85px; left:0px; }
div#content #jeunes-action p.keyword4 a { color:#622181;  }
div#content #jeunes-action p.keyword4 a:hover {color: #bd007b; text-decoration:none}

div#content #jeunes-action p.keyword5 {font-size: 1.3em; top: 66px; left:62px;}
div#content #jeunes-action p.keyword5 a { color:#bd007b; font-weight:bold;}
div#content #jeunes-action p.keyword5 a:hover {color: #622181; text-decoration:none}

div#content #jeunes-action p.keyword6 {font-size: 1.5em; top:70px; left:0px;}
div#content #jeunes-action p.keyword6 a { color:#622181; font-weight:bold;}
div#content #jeunes-action p.keyword6 a:hover {color: #bd007b; text-decoration:none}

div#content #jeunes-action p.keyword7 {font-size: 1.1em; top:50px; left:151px;}
div#content #jeunes-action p.keyword7 a { color:#bd007b; font-weight:bold;}
div#content #jeunes-action p.keyword7 a:hover {color: #622181; text-decoration:none}

div#content #jeunes-action p.keyword8{font-size: 1.5em; top:58px; left:0px;}
div#content #jeunes-action p.keyword8 a { color:#bd007b}
div#content #jeunes-action p.keyword8 a:hover {color: #622181; text-decoration:none}

div#content #jeunes-action p.keyword9 {font-size: 1.3em; top:37px; left:110px;}
div#content #jeunes-action p.keyword9 a { color:#bd007b; font-weight:bold;}
div#content #jeunes-action p.keyword9 a:hover {color:#622181; text-decoration:none}


/*############################################### EN IMAGES / ACTUALITE / HOME ###########################################*/


div#en-images{
	background:url(images/en-images.jpg) 6px no-repeat;
	border:1px solid #CCCCCC;
	float:left;
	height:140px;
	margin-left:0px;
	margin-top:40px;
	padding-left:8px;
	padding-right:0px;
	width:322px;
}

div#en-images ul li{ background: none; }



div#contenu{
	margin-left:100px;
	margin-top:8px;
	height:122px;
	width:211px;
	
}

div#contenu ul {
	background:none;
	margin:0px;
    padding:0px;
}

div#contenu p {
	
	color:#622181;
	font-size:0.9em;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	width:200px;
}

div#contenu p a{
	color:#622181; 
	}

div#actualite #contenu p a:hover{ text-decoration:underline; color:#BD007B;}


div#actualite{
	background:url(images/actu.jpg) 6px no-repeat;
	float:left;
	width:322px;
	height:140px;
	margin-left:38px;
	margin-top:40px;
	padding-left:6px;
	border: solid #CCCCCC 1px ;
}

div#contenu h4 {
	margin:0px;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#622181;
}

div#text{
	padding-top:3px;
	width:210px;
	height:89px;
	color:#622181;
}

/*############################################### COLONNE-DROITE / HOME ###########################################*/
div#hack{
z-index:3000;
clear:both;
}

div#colonne-droite {
	float:right;
	display:block;	
	margin-top:15px;
	width:229px;
	min-height:300px;

}

div#colonne-droite h3 {}
div#colonne-droite h3#crib{
	margin: 10px 0;
	width:229px;
	height:77px;
	text-indent: -9000em;
}

div#colonne-droite h3#crib a { 
	display:block;
	background-image:url(images/btn-crib.jpg);
	overflow:hidden;
	background-position:0px 0px;
	width:229px;
	height:77px;
}

div#colonne-droite h3#crib a:hover{ 
	background-position: 0px -77px;
	width:229px;
}

div#colonne-droite h3#asso{
	margin: 10px 0;
	width:229px;
	height:77px;
	text-indent: -9000em;
}

div#colonne-droite h3#asso a { 
	display:block;
	background-image:url(images/btn-asso.jpg);
	overflow:hidden;
	background-position:0px 0px;
	width:229px;
	height:77px;
}

div#colonne-droite h3#asso a:hover{ 
	background-position: 0px -77px;
	width:229px;
}

div#colonne-droite h3#anim{
	margin: 3px 0;
	width:232px;
	height:77px;
	text-indent: -9000em;
}

div#colonne-droite h3#anim a { 
	display:block;
	background-image:url(images/btn-animateur.jpg);
	overflow:hidden;
	background-position:0px 0px;
	width:229px;
	height:77px;
}

div#colonne-droite h3#anim a:hover{ 
	background-position: 0px -77px;
	width:229px;
}

div#colonne-droite #en-un-clic{
	margin: 7px 0;
	width:229px;
	height: auto;
	background:url(images/btn-en-un-clic.jpg) left top no-repeat;
	float:right;
}

div#colonne-droite #en-un-clic h4{text-indent:-9000em; padding-top:0px;}
div#colonne-droite #en-un-clic ul { margin: 35px 0 0 15px; }
div#colonne-droite #en-un-clic ul li a { color:#622181; background: url(images/puce-violet.gif) left 4px no-repeat; padding-left: 10px}
div#colonne-droite #en-un-clic ul li a:hover { color: #B3CC3A; text-decoration:none; background:url(images/puce-verte.gif) left 4px no-repeat; padding-left: 10px}

div#colonne-droite #en-un-clic a:hover{ 
	background-position: 0px -42px;
	width:229px;
}
/*############################################### LOGOS ###########################################*/

div#logos {
	height:70px;
	background:transparent bottom right;
	margin-top:20px; 
}



/*############################################### CONTENU PAGE INTERIEURE ###########################################*/

div#colonne-centrale{
	width:470px;
	float:left;
	padding-left:30px;
}
div#colonne-centrale img a { border:none;}
div#colonne-centrale img { border: dotted 1px #CCCCCC; padding: 3px;}

div#colonne-centrale h4{
	 background:url(images/picto-h3.gif) 15px 58px  no-repeat;
}

div#colonne-centrale h5{
	background:url(images/border-h4.gif) 15px 20px repeat-y;
}
div#colonne-centrale h5 a{ color:#622081;font-size:0.9em;font-weight:bold;text-decoration:none; }

div#colonne-centrale h6{background:url(images/ss-titre-h5.gif) 15px no-repeat;}
div#colonne-centrale h6 a{font-size: 1em;color: #622081;text-decoration:none; }
div#colonne-centrale h6 a:hover{font-size: 1em;color: #bd007b;text-decoration:underline; }


div#colonne-centrale p{text-align: left; font-size:1.1em;color:#622081; text-align:justify}
div#colonne-centrale a{color:#bd007b;text-decoration:underline;font-weight:bold;}
div#colonne-centrale a:hover{color:#622081;text-decoration:underline;}



div#contenu-int #colonne-centrale ul{padding-left:20px; padding-top:10px;color:#622081; font-size:1.1em; }
div#contenu-int #colonne-centrale li{padding-left:45px;color:#622081;background:url(images/puce-liste-content.gif) 35px 4px no-repeat }



div#ariane {font-size: 0.9em;text-align: right ;color:#622181 ; float:right; margin-top: 20px}
div#ariane a:link, div#ariane a:visited, div#ariane a:active{text-decoration: none; color:#622181 }
div#ariane a:hover{text-decoration: none; color:#bd007b;}

div#contenu-int #colonne-centrale #services img{ border: none;}
div#contenu-int #colonne-centrale #services {float:right; text-align:right; width:440px; margin-top:20px; margin-left:30px; }
div#contenu-int #colonne-centrale #services ul{ display:inline; margin:0; padding:0; }
div#contenu-int #colonne-centrale #services li{ display:inline; margin:0; padding:0; list-style:none; background:none; }
div#contenu-int #colonne-centrale #services li a:link, div#contenu-int #colonne-centrale #services li a:active, div#contenu-int #colonne-centrale #services li a:visited { padding:0px; text-decoration:none; margin-right:5px; }
div#contenu-int #colonne-centrale #services li a:hover{ font-weight:normal;}





div#contenu-int{
	height:auto;
	width: 955px; 
   background:url(images/visuel-colonne-droite.jpg) bottom right no-repeat;

}


div#contenu-int#h3{}


div#blocs{
	width:955px;
    margin-left:0px;
	background:url(images/separateur-pointille.gif)top repeat-x;
   
}

div#en-images-int{
	background:url(images/en-images.jpg) 6px no-repeat;
	float:left;
	width:322px;
	height:140px;
	margin-left:0px;
	margin-top:25px;
	border: solid #CCCCCC 1px ;
}

div#actualite-int{
	background:url(images/actu.jpg) 6px no-repeat;
	float:left;
	width:322px;
	height:140px;
	margin-left:30px;
	margin-top:25px;
	padding-left:6px;
	border: solid #CCCCCC 1px ;
	
}

div#actualite-int #contenu p a:hover{ text-decoration:underline; color:#BD007B;}

div#logos-int{
	margin-left:20px;
	width:230px;
	border:#CCCCCC solid 1px;
	height:128px;
	float:right;
	margin-top:25px;
	padding:6px;

}
div#logos-int img{
	margin-left:-3px;
	margin-top:20px;
}
div#footer #texte-footer {width:955px; float:left;}

/*############################################### COLONNE GAUCHE / NAV INT ###########################################*/

div#colonne-gauche{
	margin-top:32px;
	width:191px;
	float:left;
	padding:0px;
}
div#colonne-gauche dl {
	width: 191px;
}
div#colonne-gauche img {
	margin:0px;
	padding:0px;
}

div#colonne-gauche dt.no-pointille{
background:none;
}

div#colonne-gauche dt {
    color:#bd007b;
	}
	
div#colonne-gauche dl dt a{
    text-decoration:none;
	display:block;
	color:#bd007b;
	padding:7px 0px 7px 20px;
	height:15px;

}



div#colonne-gauche dl dt a:link, div#colonne-gauche dl dt a:active, div#colonne-gauche dl dt a:visited {
	text-decoration:none;
	display:block;
	color:#bd007b;
	font-weight:bold;
	padding:0px 0px px 20px;
	height:15px;
	margin:0px;
	}
	
div#colonne-gauche dt.nos-solutions{
    text-decoration:none;
	display:block;
	color:#bd007b;
    background:#fdb813  left top no-repeat; 
	font-weight:bold;
	padding: 7px 0px 7px 20px;
	margin-bottom:2px;
}

div#colonne-gauche dl dt a:hover, div#colonne-gauche dl dt a:link.actif, div#colonne-gauche dl dt a:active.actif, div#colonne-gauche dl dt a:visited.actif{
    text-decoration:none;
	display:block;
	color:#bd007b;
    background:#fdb813 url(images/puce-blanche.gif)  no-repeat 175px center; 
}
div#colonne-gauche ul {
	list-style:none;
	margin-top:5px;
	padding:0px;
	
}
div#colonne-gauche ul li {
	

}
div#colonne-gauche ul li a:link, div#colonne-gauche ul li a:active, div#colonne-gauche ul li a:visited {
	text-decoration:none;
	display:block;
	padding:0px 20px 5px 20px;
	color:#bd007b;
}
div#colonne-gauche dd ul a:hover, div#colonne-gauche dd ul a:link.actif, div#colonne-gauche dd ul a:active.actif, div#colonne-gauche dd ul a:visited.actif {
	color:#622181;
	background: url(images/puce-violet.gif) no-repeat 12px center;
	padding: 0px 0px 5px 20px;
	

}	
	

/*############################################### COLONNE GAUCHE / NAV INT ###########################################*/


/*############################################## CSS formulaire ########################################*/
div#colonne-centrale div.spip_forms, div#colonne-centrale div.spip_forms fieldset{ border:none; padding:0px; margin:0px; }
div#colonne-centrale div.spip_forms fieldset legend{ display:none; }
div#colonne-centrale div.spip_forms fieldset input, div#colonne-centrale div.spip_forms fieldset textarea{ background:#FFFFFF; border:solid 1px #BD007B; }
div#colonne-centrale div.spip_forms fieldset div.spip_bouton input{ margin:10px 0px 0px -100px; background:#F0F5DE; border:#BD007B solid 1px; color:#FFFFFF; font-weight:bold; }
div.spip_forms .formo, div.spip_forms .fondo { width:98% }
div#colonne-centrale div.spip_forms .spip_bouton input {
background:#FDB813 none repeat scroll 0 0;
border:1px solid #BD007B;;
color:#BD007B;
margin:10px 0px 0px 0px;
}
div#colonne-centrale div.spip_forms .spip_form_ok { background:#FFFFFF; }


/*############################################## CSS Recherche ########################################*/

#recherche_form{margin:10px 5px 5px 0px; float:right;}
#recherche_form input{}
#recherche_form .formulaire_spip .formulaire{height:18px;border:solid 1px #BD007B;}
#recherche_form .formulaire_spip .sub_form{position:relative;top:6px;}
#recherche_form .formulaire_spip formulaire_recherche {}
/*#recherche_form input[type=text]{border:solid 1px #BD007B; height:7px;}
#recherche_form input[type=image]{position:relative;top:6px;}*/