* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #F8F8F8;
	color: #000;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-size: 0.7em; 
        margin:0;
}

/* Common styles
-------------------------------------------------------- */

ul, ul li {
	list-style: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

pre {
	overflow: auto;
	width: 100%;
	height: auto;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* Page
-------------------------------------------------------- */

#page {
        width: 1000px;
	position: relative;
        margin: 0 auto;
	background: transparent url(/images/base/base.png) repeat-y;
}

/* Titles
--------------------------------------------------------- */
h1 {
    size:1.2em;
    color:#ce0000;
    margin-bottom:10px;
}


/* Header
-------------------------------------------------------- */

#top {
	width: 940px;
	margin-bottom: 0;
	padding: 4px 34px 10px 20px;
	 
}
#date {
	margin-top:0;
	position: absolute;
	width: 95%;
	font-size: 1em;
	padding: 18px 4px 4px 0;
	color: #666;
	border-bottom: 2px solid #888;
}
#top a:link, #top a:visited, #top a:hover {
	color: #FFF;
	text-decoration: none;
}

#top .logo {
	margin: 40px 5px 10px 0;
	padding-right: 20px;
}

#src {
        position: absolute;
	top: 0;
	right: 18px;
	padding: 2px 0 0;
}
#up .date { 
        position: absolute;
        left: 18px;
	    top: 5px;
        color: #fff;
        font-weight: bold;
}
#up { 
        width: 100%;
        height: 23px;
        color: #fff;
        background-color: #777;
}

/* Wrapper
-------------------------------------------------------- */

#wrapper {
	    width: 950px;
	    margin: 0 auto;
        padding-top: 20px;
}

#main {
	    width: 650px;
	    float: left;
        text-align: justify;
}

#main .img {
	width: 150px;
        height: 200px;
	float: right;
        padding: 0 0 7px 20px ; 
}



#content a:link, a:visited {
	text-decoration: none;
        color: #ce0000;
}


/* PUB
-------------------------------------------------------- */

#pubh {
     margin-top: 40px;
     margin-left: 450px;
     position: absolute;
     padding: 13px 1px 1px 1px;
     background: transparent url(/images/base/pub.gif) no-repeat top center;   
} 

/* MENU
================================================*/

#topmenu			{ display:block; float:left; width:950px; border:none; background: #eee url(/images/base/navr.gif) repeat-x; font-size:1em; font-weight:bold; margin-top:5px; margin-bottom:0;}
#topmenu ul		{ margin:0; list-style:none; float:left; display:inline; text-transform:uppercase;}
#topmenu li		{ display:inline; }
#topmenu a				{ display:block; float:left; padding:8px 6px 8px 6px; text-align:center; text-decoration:none; border-left:1px solid #fff; border-right:1px solid #fff;}
#topmenu a:visited			{ text-decoration:none; }
#topmenu a:hover, a.currentmenu, a.currentmenu:visited { background-color:#fff; text-decoration:none; }
#topmenu a.norm:hover { background: transparent url(/images/base/navg.gif) repeat-x; color: #ce0000; text-decoration:none; }
#topmenu .last	{ border:none !important }
#topmenu .currentmenu 	{ display:block; float:left; background: transparent url(/images/base/navg.gif) repeat-x;  padding:8px 6px 8px 6px; margin:0; text-align:center; color:#f55a04; text-decoration:none;}
#topmenu .home 	{ display:block; float:left; background: transparent url(/images/base/navg.gif) repeat-x; padding:8px 6px 8px 6px; margin:0; text-align:center; color:#ce0000; text-decoration:none;}
#topmenu a.norm { background:transparent url(/images/base/navr.gif) repeat-x; color: #fff; /* border-bottom:1px;*/}
#topmenu a.forum { color:#e37d4f; }
#topmenu a.italie { color: #006600; }
#topmenu .search {  background:transparent url(/images/base/navr.gif) repeat-x; padding:4px 6px 2px 6px; text-align: right; margin:0; }
#topmenu .for 	{ display:block; float:left; background: transparent url(/images/base/navo.png) repeat-x; margin:0; padding:8px 6px 8px 6px; text-align:center; color:#FFF; text-decoration:none;  border-right:1px solid #fff;}
#topmenu .ita 	{ display:block; float:left; background: transparent url(/images/base/navv.gif) repeat-x; margin:0; padding:8px 6px 8px 6px; text-align:center; color:#FFF; text-decoration:none;  border-right:1px solid #fff;}
#topmenu a.for:hover {background: transparent url(/images/base/navg.gif) repeat-x; color:#f55a04; }
#topmenu a.ita:hover {background: transparent url(/images/base/navg.gif) repeat-x; color:#007700; }


/* SUBMENU
================================================*/


#submenu		{  margin-left: 1px; margin-top:0; display:block; font-weight:bold; clear: both; width:949px; height:30px; background-color:#eee; font-size:1em; }
#submenu ul		{ margin:0; list-style:none; float:left; }
#submenu li		{ display:inline; }
#submenu a      { display:block; float:left; padding:8px 6px; margin:0; text-align:center; color:#ce0000; text-decoration:none;}
#submenu a.norm { color: #000; padding:8px 6px; background: transparent url(/images/base/trait.gif) no-repeat right;}
#submenu a.fin { color: #000; padding:8px 6px;}
#submenu .newsletter { padding:6px 5px 6px 6px; font-size:9px; text-align: right; margin:0;}
#submenu .champ { border: 1px solid #666; color:#555;}
#submenu .lettre { padding-bottom:0; text-align: right; margin:0;}
#submenuh		{ margin-left: 0px; display:block; font-weight:bold; clear: both; width:950px; height:30px; background-color:#eee; font-size:11px; }
#submenuh .newsletter { padding:6px 5px 6px 6px; font-size:9px; text-align: right; margin:0;}
#submenuh .champ { border: 1px solid #666; color:#555;}
#submenuh .lettre { padding-bottom:0; text-align: right; margin:0;}

/* Fil arianne
================================================*/

/*#lettre {
	background-color : #FFF;
}
#lettre .champ { border: 1px solid #666; color:#555;}
#lettre .newsletter {font-size: 1em; text-align: right; margin:0;}
#lettre .subm {font-size: 1em; width:2.6em;}*/

/* Fil arianne
================================================*/

#fil_arianne {font-family: "Lucida Grande",Arial,sans-serif; font-size:11px; font-weight:bold; margin:5px 0 10px 24px; color:#555; }
#fil_arianne a { text-decoration:none; color:#555;}
#fil_arianne a:visited { text-decoration:none; color:#555;}
#fil_arianne a:hover { text-decoration:underline; color:#555;}

/* Intriduction sections
================================================*/

#intro {
	font-size : 1.2em;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #e8e8e8;
	border-bottom: 1px solid #444; 
	line-height: 150%;
}
#intro h1 {
	font-size : 1.2em;
	margin-bottom: 10px;
}

/* Sidebar
-------------------------------------------------------- */
#sidebar {
	width: 270px;
	float: right;
}
/*#sidebar h2 {
	margin: 0 0 10px;
	padding: 5px 8px;
	background: #F5F5F5;
	border-top: 1px solid #999;
	border-width: 1px 0;
	color: #ce0000;
	font-size: 1.2em;
	font-weight: bold;
}
#sidebar h2 a:link, #sidebar h2 a:visited  {
	color: #444;
}*/

#sidebar h2 {
	margin: 0 0 10px;
	padding: 2px 0 2px 20px;
	background: transparent url(/images/base/tit3.gif) no-repeat left;
	border-bottom: 1px solid #CE0000;
	border-width: 1px 0;
	color: #CE0000;
	text-transform:uppercase;
	font-size: 1em;
	font-weight: bold;
}
#sidebar h2 a:link, #sidebar h2 a:visited  {
	color: #CE0000;
}
#sidebar .prop {
	padding: 2px 0 2px 20px;
	background: #CE0000 url(/images/base/tit2.gif) no-repeat left;
	color: #ddd;
	font-size: 12px;
	margin-bottom: 20px;
	font-weight: bold;
}
#sidebar .prop a:link, #sidebar .prop a:visited  {
	color: #ddd;
}
#sidebar h3 {
	padding: 4px 8px 0 20px;
	color: #ce0000;
	font-size: 1em;
}

#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
	color: #000;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #000;
}

#sidebar ul {
	padding: 0 0 4px;
}

#sidebar li {
	padding: 3px 4px 3px 20px;
	background: transparent url(/images/base/li.gif) no-repeat 10px 7px;
}

#sidebar p {
	padding: 0 0 4px 10px;
}
#topnav {
	margin: 0 0 20px;
	padding: 5px 5px 5px 8px;
	background: #F5F5F5;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	color: #005D99;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar #topnav ul {
	margin: 0;
	padding: 0;
}

#sidebar #topnav li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar .syndicate li {
	margin: 0 4px 0 11px;
	padding: 5px 4px 5px 22px;
	background: transparent url(img/rss.png) no-repeat 0% 50%;
}

#sidebar .tags ul {
	margin: 5px 5px 10px 10px;
	padding: 0;
	font-size: 110%;
}

#sidebar .tags ul li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 0.9em;
}

#sidebar .tags ul li a:link, #sidebar .tags ul li a:visited {
	color: #333;
}

#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {
	padding: 0 0 0 18px;
	background: transparent url(img/tags.png) no-repeat 0 -2px;
}

.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 130%; }
.tag70 { font-size: 140%; }
.tag80 { font-size: 150%; }
.tag90 { font-size: 160%; }
.tag100 { font-size: 170%; }


/* Home
-------------------------------------------------------- */
#hp .img { 
          width: 75px;
          height: 100px;
          float: left;
          padding: 4px 8px 4px 0;  
}
#hp h2 a:link, #hp h2 a:visited  {
	color: #000;
}
#hp h2 a:hover {
        color: #000;
	    text-decoration: underline;
}

/* Bottom
================================================*/
#bottom {
       width:100%;
       height : 100px;
       margin-top:0;
       background: #333 url(/images/base/bg-bottom.jpg) top repeat-x;
       font-size: 11px;
       padding: 50px 0 0 0;
       text-align: center;
       font-family: "Lucida Grande",Arial,sans-serif;
       color: #fff;
}
#bottom .text {
	   width: 1000px;
       margin: 0 auto;
}
#bottom .col1 {
	   text-align: left;
	   width: 150px;
	   float: left;
}
#bottom .col2 {
	   text-align: left;
	   width: 180px;
	   padding-left: 30px;
	   margin-left: 160px;
	   float: left;

}
#bottom .col3 {
	   text-align: left;
	   width: 150px;
	   float: left;
}
#bottom .col4 {
	   text-align: left;
	   width: 150px;
	   float: left;
}
#bottom h4 {
	   font-weight: bold;
	   font-size: 12px;
	   padding-bottom: 5px;
}
#bottom a {
	color: #fff;
}
#bottom a:hover {
	color: #fff;
	text-decoration:underline;
}
/* General classes
================================================*/

.cap {
	   text-transform:uppercase;
}
.min {
	   text-transform:lowercase;
}