@charset "UTF-8";
/* CSS Document */

body {
	font-size:100%;
	font-family:Georgia, "Times New Roman", serif;
	text-align: left;
 	line-height: 1.5em;
	color:#333;
}
#main, #back {
	font-size:.75em;
}


#footer {
	font-size:.75em;
}


p {
	margin-bottom:1.5em;
}


h1 {
	color:#000;
	font-size:1.7em;
	margin-bottom:1.7em;
	line-height:1.2em;
	font-variant:small-caps;
	border:none;
	
			
			
}
h2 {
	color:#000;
	font-size:1.15em;
	line-height:1.2em;
	font-variant:small-caps;
	border:none;
	margin-bottom:-15px;
}



.news p {
	margin-left:0;
	margin-right:0;
}

.intro:first-line{
	font-variant:small-caps;
}


.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
		margin-bottom:-0.5em;
	font-variant:small-caps;
}


.outil {
font-size:1em;
line-height:1.5em;
text-align:center;
}



ol {
	list-style-position: inside;
	list-style-type: disc;
	line-height:2em;
	margin-left:-3em;
}

li {
padding-left:3em;
}




.mail {
	font-size:2.5em;
	font-weight:bolder;
	position:relative;
	top:.25em;
	border-bottom:3px solid #fff;		
	padding:0 2px 0 0;

}
.mail:hover{
	color:cc3300;
}

a.feed {
		height:16px;
		background:url(../images/feed.gif) no-repeat 0 95% ;
		padding:0 0 0 21px;
		border:none;
			}
a:hover.feed {
		background:url(../images/feed.gif) no-repeat ;
		border:none;
		}
a.mail {
		height:16px;
		background:url(../images/mail.gif) no-repeat 0 95% ;
		padding:0 0 0 21px;
			}
a:hover.mail {
		background:url(../images/mail.gif) no-repeat ;
		}






/* QUALITE DES LIENS DASN LA PARTIE BLOCK WITHOUT MENU !!! ICI*/

/* Links style */
a:link, a:active, a:visited {
	text-decoration: none;
	color:inherit;


}
a:hover {
	text-decoration: none;

}

#content a:link, #footer  a:link, .outil a:link {
	border-bottom:1px solid #000;
}

#content a:hover, #footer a:hover, .outil a:hover {
	color:#cc3300;
	border-bottom: 1px solid #cc3300;}
	

/* NAVIGATION*/

#header #about,#header #members,#header #activities,#header #contact{
padding:5px;
text-decoration:none;
}
#header #about:hover,#header #members:hover,#header #activities:hover,#header #contact:hover{
padding:5px;
background-color:#cc3300;
text-decoration:none;
box-shadow:inset 3px 4px 1px rgba(0, 0, 0, .2);
-moz-box-shadow:inset 3px 4px 1px rgba(0, 0, 0, .2);
-webkit-box-shadow:inset 3px 4px 1px rgba(0, 0, 0, .2);
color:#fff;
}




a img {
	text-decoration: none;
	border-bottom: transparent;
}
img {border:0;}