/**************RESET FILES**************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**************DEFAUT**************/

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/**************BODY//BANNIERE//HEADLINE**************/

#banniere{	
height:70px;
background-image:url(../images/bg_banniere.jpg);
background-repeat:repeat-y;
background-color:#707070;
}
#logo{
width:76px;
height:70px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
background-color:#282828;
}
h1{
padding-top:5px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
}
h2{
color:#DADADA;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#chiffre2{
color:#78B2F7;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
}
h3{
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
h3 small{
font-size:11px;
color:#999999;
}
h3 small a{
color:#666666;
text-decoration:none;
}
h3 small a:hover{
color:#666666;
text-decoration:underline;
}
#banniere_ombre{
height:11px;
background-image:url(../images/bg_banniere_ombre.jpg);
background-color:#FFF;
background-repeat:repeat-x;
}

/**************BOX_RSS_FEED**************/

.box_feed_global{	
margin:0 15px;
}
.box_feed_reader{
float:left;
width: 31.3%;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 1%;
}
.box_feed_reader h4{
color:#FFF;
background-repeat:repeat-y;
max-width: 450px;
min-width: 100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
padding:10px;	
}
.box_feed_reader h4 small{
font-size:12px;
}
.bg_news_feed_title{
background-image:url(../images/bg_box_feed_blue.jpg);
background-color:#3F83D4;
}
.bg_blog_feed_title{
background-image:url(../images/bg_box_feed_orange.jpg);
background-color:#882714;
}
.bg_forum_feed_title{
background-image:url(../images/bg_box_feed_gray.jpg);
background-color:#474747;
}
.bg_culture_feed_title{
background-image:url(../images/bg_box_feed_blue.jpg);
background-color:#3F83D4;
}
.bg_job_feed_title{
background-image:url(../images/bg_box_feed_orange.jpg);
background-color:#882714;
}
.box_feed_reader a{
color:#333333;
text-decoration:none;
}
.box_feed_reader a:hover{
color:#8E2C0A;
text-decoration:none;
}
.box_feed_reader ul{
background-image:url(../images/bg_box_feed_dg.jpg);
background-repeat:repeat-x;
background-color:#FFF;
background-position:top;
max-width: 450px;
min-width: 100px;
padding:10px;
}
.box_feed_reader li{
background-image:none;
background-color:transparent;   
}
.time{
font-size:9px;
color:#999999;
}
.categorie, .categorie a, .categorie a:hover {
font-size:9px;
color:#999999;
}
#box_blog{
margin-top:10px;
}
.photo{
float:left; 
background-color:#333333; 
padding: 5px; 
margin:0;
}
#photo_gallery{
width:97%;
margin:0 1.5%;
}
.more{}

/**************FOOTER**************/
#footer{
background-image:url(../images/bg_footer.png);
background-repeat:no-repeat;
background-color:#6F6F6F;
background-position:bottom left;
min-height:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-left:300px;
padding-top:20px;
padding-bottom:20px;
overflow:auto;
}
#footer h4{
font-size:24px;
margin-bottom:8px;
}#footer p{
margin-bottom:6px;
}
#footer ul{
list-style:square;
list-style-position:inside;
margin-bottom:6px;
}
.blue, .contact{
color:#78B2F7;
}
#presentation{
width:42%;
margin-right:40px;
padding-right:20px;
border-right:solid #999999 1px;
float:left;
}


/**************TOOLTIP unitip**************/

#unitip {
position: absolute;
z-index: 1000;
top: -1000px;
color: #fff;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
display: none;
}

#unitippoint, #unitipmid, #unitipcap {
position: relative;
top: 0px; 
left: 0px;
width: 230px;
display: block;
}
	
#unitippoint { 
background: url(../images/TipPoint.png) no-repeat; 
height: 19px; 
overflow: hidden; 
}
	
#unitipmid { 
background: url(../images/TipMid.png) repeat; 
width: 200px;
height: auto; 
padding: 5px 15px;
}
	
#unitipcap { 
background: url(../images/TipCap.png) no-repeat; 
height: 7px; 
overflow: hidden; 
}