body {
    background:url(img/bg_top.jpg) top left repeat-x #FFF; 
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    /*color:#F4F7F7;*/
    color:#000;
}
body.spip {
    /* trick only for spip pages (php bug in footer)*/
    background-color:#F4F7F7; 
 }

a {
    color:#0066cc;
    text-decoration:none;
}
a:hover {
    color:#0066ff;
    text-decoration:none;
}


/*td {
    color:#000;
}*/

#header {
    height:84px;
    background:url(img/bg_header.jpg) top left no-repeat; 
}

#nav {    
    height:30px;
    background:url(img/bg_header.jpg) -84px left no-repeat; 
}

#contentContainer {
    margin:0px;
    padding:0px;
    background:url(img/bg_main.jpg) top center repeat-y #F4F7F7;
}
.container {
    margin:auto;
    width:980px;
    padding:0px;
}

#main-wrapper {
     background:#FFF;   
}
#main {
    padding:10px;
}

#sidebar-right {
    background:#E5F5FA ! important;
    -moz-border-radius: 5px ! important;
    -webkit-border-radius: 5px ! important;    
    padding-top:10px;
    margin-bottom:20px;
}

#sidebar-right .sidebloc {
    background:#FFF ! important;
    /*padding:10px;*/
   /* -moz-border-radius: 10px ! important;
    -webkit-border-radius: 10px ! important;       */
    border-bottom:2px solid #72ADE3;
    padding-top:10px;
    padding-bottom:10px;
}

#sidebar-right .sidebloc li {
    padding-left:10px;
    padding-right:10px;
    border-bottom:1px solid #E5F5FA;
}


.position {
    font-size:18px;
    font-weight:bold;
    color:#CCC;
    display:block;
    width:20px;
    float:left;
}

.first {
    color:#666;
}

.nopadding {
    padding:0 ! important;
}
.nobg {
    background:none ! important;
    -moz-border-radius: none ! important;
    -webkit-border-radius: none ! important;      
}
.noborder {
    border:none ! important;
}

#center {
    float:left;
    width:610px;
    margin-right:50px;
}


#subscriptions-top {
    height:20px;
    width:100%;
    font-family:Arial;
    color:#FFF;
    font-size:11px;
    padding-top:4px;
}
#subscriptions-top a {
    font-weight:bold;
    text-decoration:none;
    color:#BFE7F2;
}
#subscriptions-top a:hover {
    color:#FFF;
    border-bottom:2px solid #FFF;
}


#logo {
    margin-top:6px;
    float:left;
}
#logo img {
    border:none;
}

#nav ul, ul.floatlist {
    list-style:none;
    padding:0;
    margin:0;
}

ul.floatlist li {
    display:block;
    float:left;
}

#nav ul li {
float:left;
height:30px;
}

#nav {
    border-right:#608B15 1px solid;
    border-left:#608B15 1px solid;
}

#nav .sep1 {
border-right:#608B15 1px solid;
margin-right:0px;
padding:0px;
}
#nav .sep2 {
    border-left:#81AE60 1px solid;
}

#nav ul li a {
    padding:0;
    margin:0;   
    display:block;
    font-family: 'Cantarell', arial, serif;
    font-weight:bold;
    color:#fff;
    font-size:16px;
    letter-spacing:-1px;
    height:28px;
    text-decoration:none;
    padding-left:7px;
    padding-right:7px;
    padding-top:2px;
    margin-right:10px; 
      
}
#nav ul li a:hover {
    background:#EEE;
    color:#006600;
}
#nav a.active {
    background:#D1D3D3 url(img/bg_nav_active.jpg) repeat-x top left ! important;
    color:#006600;
}


#nav ul li.active a {
    color:#006600;
}

#subnav {
    background:#DADDDD;
    color:#333;
    font-family:Arial, "Lucida Grande", Arial, Helvetica;
    padding-top:0px;
    padding-left:7px;
    padding-right:7px;
    padding-top:7px;
    padding-bottom:7px;
    font-size:14px;
    line-height:17px;
    font-weight:normal;
}
#subnav a {
    color:#888;
    font-family:Arial, "Lucida Grande", Arial, "Lucida Sans Unicode", Helvetica;
    text-decoration:none;
    font-weight:bold;
}
#subnav a:hover {
    color:#006600;
}
#subnav a.active {
    font-weight:bold;
    color:#006600;
}

h3 {
   font-weight:bold;
   font-family:Arial, Helvetica;
   font-size:12px;
   color:#999;
   margin:0;
   padding:0;
   margin-bottom:10px;
   text-transform:uppercase;
}

h3.greylined {
    background:url(img/bg_h3hr.jpg) repeat-x center left;
}

h3 div {
    background:#CCC;
    height:5px;
    float:right;
    margin-left:10px;
    margin-top:3px;
}

ul.articles {
    list-style:none;
    padding:0;
    margin:0;
}
ul.articles li {
    padding:0;
    margin:0;
    clear:both;
    font-family:Arial;
    font-size:13px;
    margin-bottom:7px;
    color:#333;
    border-bottom:1px dotted #CCC;
    padding-bottom:7px;
}

.articles a.titre {
    font-family: 'Georgia', arial, serif;
    font-weight:normal;
    font-style:normal;
    font-size:18px;
    color:#0066CC;
    margin:0;
    padding:0;
    margin-bottom:3px;
    display:block;
    text-decoration:none;
}
.articles a.titre:hover {
    color:#003399;
}
.articles a.highlight {
    color:#FF6600;
}
.articles a.highlight:hover {
    color:#FF3300;
}

.articles a.soustitre {
    color:#666;
    font-family: Arial, Helvetica;
    font-size:13px;
    display:none;
}

.articles-small a.titre {
    font-size:14px;
    font-family: arial, sans-serif;    
}
ul.articles-small li {
    margin-bottom:4px;
    padding-bottom:4px;
}

.articles .extrait {
    line-height:16px;
}
.articles .auteur {
    font-size:13px;
    font-weight:bold;
    color:#666;
    font-style:normal;
    font-family:Arial, Helvetiva, sans-serif;
}

.articles .datepubli {
    font-size:11px ! important;
    font-weight:normal ! important;
    color:#666 ! important;
    font-style:normal ! important;
    font-family:Arial, Helvetiva, sans-serif  ! important;
}

span.minitag {
    font-family: Tahoma, Arial, Helvetica ! important;
    font-size:8px ! important;
    font-weight:bold ! important;
    color:#FFF ! important;
    padding:1px ! important;
    padding-left:3px ! important;
    padding-right:3px ! important;
    margin-left:0px ! important;
    margin-top:0px ! important;
    -moz-border-radius: 3px ! important;
    -webkit-border-radius: 3px ! important;
    display:block ! important;    
    float:right ! important; 
    text-transform:uppercase ! important; 
    margin-left:10px ! important;
    margin-top:5px ! important;
    /*text-shadow: #666 1px 1px 0px;*/
}

.article-ad div span {
    font-family: Tahoma, Arial, Helvetica;
    font-size:8px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#333;
    display:block;text-align:center;
    font-weight:normal;
    padding:0;
    margin:0;
}
.article-ad div {
    padding:7px;background:#EEE;width:250px;
    padding-top:2px;
}
.article-ad {
float:left;width:280px;
height:280px;
}

#calendrier {
font-size:18px;
font-family:'Droid Serif';font-style:italic;
margin-bottom:10px;
margin-top:10px;
color:#000;
}

#calendrier b {
font-size:23px;
}

.block-xl {
    margin-bottom:20px;
    color:#000;
}

.block-xl ul.titles {
    list-style:none;
    padding:0;
    margin:0;
    background:url(img/section_bg.jpg) no-repeat top left;
    height:32px;
    padding-top:4px;
}

.block-xl ul.titles li {
   font-weight:bold;
   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
   font-size:19px;
   color:#fff;
   float:left;
   display:block;
   width:310px;
   padding-left:10px;
   text-shadow: #444 1px 1px 0px;
   /*filter: Shadow(Color=#999, Direction=125, Strength=1);*/
}
.block-xl ul.titles li a {
    text-decoration:none;
    color:#fff;
}
ul.titles li a.yellow {
    color:#FFFF66;
}
.block-xl ul.titles li a:hover {
    color:#000;
   text-shadow: none;
}
.block-xl ul.titles li .mini {
    font-size:12px;
    color:#fff;
}


.col-160 {
    float:left;
    width:140px;
    padding:10px;
    padding-top:0px;
}
.col-320 {
    float:left;
    width:300px;
    padding:10px;
    padding-top:0px;
}
.col-640 {
    float:left;
    width:620px;
    padding:10px;
    padding-top:0px;
}
.col-960 {
    width:940px;
    padding:10px;
    padding-top:0px;
}

ul.liens, ul.news {
    list-style:none;
    padding:0;
    margin:0;
}

ul.liens li {
    padding:0;
    margin:0;
   margin-bottom:5px;   
    border-bottom:1px dashed #DDD;
    padding-bottom:5px;
}
ul.liens li a {
    text-decoration:none;
    color:#999;
    display:block;
    font-style:italic;
       font-family:Georgia, "Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica;
    font-weight:normal;
    font-size:13px;
}

ul.liens li a span {
   font-weight:bold;
   font-style:normal;
   font-family:"Lucida Grande",  "Lucida Sans Unicode", Arial, Helvetica;
   font-size:16px;
   color:#000;
   display:block;
   margin-bottom:1px;
}

ul.liens-small li {
    margin-bottom:2px;
    padding-bottom:2px;
}
ul.liens-small a {
    font-size:13px ! important;
}
ul.liens-small a span {
    font-size:14px ! important;
}

ul.liens li a:hover {
    color:#0066ff;
}
ul.liens li a:hover span {
    color:#0066cc;
}


ul.news li {
    padding:0;
    margin:0;
   margin-bottom:5px;   
    border-bottom:1px dashed #DDD;
    padding-bottom:5px;
}
ul.news li a {
    text-decoration:none;
    color:#0066cc;
    display:block;
       font-family:Arial, "Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica;
    font-weight:bold;
    font-size:13px;
}

.newsContainer {
    overflow:auto;
    height:270px;
    padding-right:5px;
}

ul.videos {
    list-style:none;
    padding:0;
    margin:0;
}

ul.videos li img {

}

 ul.videos li {
      float: left;
      margin-bottom: 10px;
      background:#EFEFEF;
      padding:5px;
      margin-right:10px;
    color:#333;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    display:block;
    }
 
.submit-video {
    text-align:center;width:130px;
}
.submit-video a {
    color:#333;
    text-decoration:none;
    font-size:12px;
}
.submit-video a:hover {
    color:#0066cc ! important;
}
.submit-video a:hover span {
    color:#0066cc ! important;
}

.minibloc {
      padding-bottom:5px;
      border-bottom:1px dashed #CCC;
}
.minibloc img {
        margin-bottom:5px;
        border:none;
}
.minibloc a {
     display:block;
     font-weight:bold;
     font-size:15px;
     color:#0066cc;
     text-decoration:none;
}
.minibloc .minitag {
    float:left ! important;
    margin-left:0px ! important;
}

.shortcut {
    -moz-border-radius: 3px ! important;
    -webkit-border-radius: 3px ! important;
    font-size:11px ! important;
    font-weight:bold  ! important;
    background:#EEE  ! important;
    padding:4px  ! important;
    text-decoration:none  ! important;
    color:#333 ! important;
    display:block ! important;
    margin-right:10px ! important;
    float:left ! important;
    text-shadow:none;
    margin-top:1px;
    font-family:"Lucida Grande", "Lucida Sans Unicode",Tahoma, Arial, Helvetica;
}
a.shortcut:hover {
    background:#0066cc ! important;
    color:#fff ! important;
}

.subtext {
    margin-top:15px;
    color:#999;
    font-weight:bold;
}

#adsense-bottom {
    text-align:center;
    margin-bottom:30px;
    margin-top:30px;
}

#topsearch {
    margin-top:10px;
    float:right;
    padding-right:400px;
}
#search-query {
    padding:3px;
    padding-left:5px;
    width:200px;
    font-size:12px;
    color:#000;
    font-family:"Lucida Grande", Arial, Helvetica;
    /*background:#B0E2EE;*/
    background:#40BCDD;
    border:none;
    border-top:1px solid #CCEAF4;
}
#search-query:focus {
    background:#fff;
    color:#000;
    border-top:2px solid #CCC;
}




#footer {
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Helvetica;
    font-size:11px;
    color:#666;
    padding-top:50px;
    padding-bottom:20px;
    line-height:15px;
}
#footer a {
    color:#333;
    text-decoration:none;
}
#footer a:hover {
    color:#0066cc;
}

#footer h2 {
    color:#999;
    font-weight:bold;
    font-size:18px;
    margin:0px;
    margin-bottom:10px;
}
#footer .credit {
    font-family:Georgia, Arial;
    font-size:12px;
    font-style:italic;
}

#contribute {
   background:url(img/bg_contribute.jpg) no-repeat top left;
   width:270px;
   padding:15px;
   height:75px;
   margin-bottom:10px;
}

#contribute a div {
    color:#666;
    font-size:11px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-weight:normal;
    display:block;
}
#contribute a:hover div {
    text-decoration:none;
    color:#0066cc ! important;
}

#contribute div {
    clear:both;
}

#contribute a h2 {
    color:#fff;
    font-weight:bold;
    font-size:18px;
    padding:5px;
    padding-left:8px;
    padding-right:8px;
    background:#66C5E0;
    -moz-border-radius: 20px ! important;
    -webkit-border-radius: 20px ! important;
    float:left;
    font-family:"Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica;
    margin:0px;
    margin-bottom:5px ! important;
}
#contribute a:hover  h2 {
    background:#0066cc;
}

#fb-widget {
    margin-bottom:20px;
}

#associations {
float:left;
width:165px;
}

#associations ul {
    list-style:none;
    padding:0;
    margin:0;
}

#associations li {
    margin-bottom:7px;
}

#associations li a {
    color:#666;
    display:block;
    text-decoration:none;
    font-family:"Lucida Grande", "Lucida Sans Unicode",Tahoma, Arial, Helvetica;
    font-size:11px;
}
#associations li a:hover {
    color:#0066cc;
}



/*** article spip *****/
div.texte {
    font-size:14px;
    line-height:26px;
    color:#000;
}
div.chapo {
    font-size:13px;
    line-height:24px;
    color:#000;
    font-weight:bold;
}
.cartouche-rubrique div.chapo {
    font-family: Georgia, arial, serif;
    font-size:16px;
    font-weight:normal;
    font-style:italic;
    color:#999 ! important; 
    margin-top:20px;
}

h1.titre-texte {
    font-family: Arial, Helvetica, sans-serif;
    font-size:26px;
    font-weight:bold;
    color:#000;
    margin:0;
    padding:0;
}
.soustitre {
    font-family: 'Georgia', arial, serif;
    font-size:18px;
    font-weight:normal;
    font-style:italic;
    color:#999;    
}
.surtitre {
    font-family: 'Georgia', arial, serif;
    font-size:16px;
    font-weight:normal;
    font-style:italic;
    color:#666;    
}

.avisiter {
    font-family: arial,Helvetica, sans-serif;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    color:#999;  
    margin-bottom:15px;
}

.avisiter a {
    font-size:15px;
    color:#066cc;  
    text-decoration:none;
}
.avisiter a:hover {
    color:#0066ff;  
}

.spip_documents_center {
    text-align:center;
}

.logo-rubrique {
    text-align:center;
    margin:10px;
}


.sidebloc {
    margin-bottom:25px;
}

div.auteur {
    text-align:left;
    font-family:Arial;
    font-size:16px;
    color:#999;    
}
.auteur .bio {
    margin-top:5px;
}
.auteur a.nom {
 font-family: 'Pacifico', cursive, Arial, Helvetica, sans-serif;
 font-size:40px;
 text-decoration:none;
 font-style:normal;
 color:#0066cc;
}
.auteur a.site {
    text-decoration:none;
}

.auteur a.site:hover , .auteur a.nom:hover {
    color:#0066ff;
}

blockquote.spip {
    font-size:14px;
    color:#999;
    padding:15px;
    margin:0px;
    line-height:15px;
}
blockquote.right {
    float:right;
    width:35%;
    text-align:right;
}
blockquote.left {
    float:left;
    width:35%;
    text-align:left;
}

blockquote.spip i.spip {
    font-weight:bold;
    color:#0066cc;
    font-size:18px;
     line-height:22px;
    font-family:Georgia, "Times New Roman", Arial, Helvetica;     
}

.ps {
    border-top:4px dashed #EFEFEF;
    border-bottom:2px solid #EEE;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:20px;
}
.ps a {
    text-decoration:none;
    color:#0066cc;
}
hr.spip {
    border:none;
    background:none;
    border-bottom:2px solid #EEE;
}
h3.spip {
 font-family: Arial, sans-serif;
 font-size:18px;
 text-decoration:none;
 font-style:normal;
 color:#000;
 margin-bottom:10px;
 text-transform:none;
 padding:none;
 border:none;
}

.cartouche {
    border-bottom:4px solid #CCC;
    padding-bottom:10px;
    margin-bottom:20px;
}
.cartouche-rubrique {
    border:none;
}
.share {
    margin-top:10px;
}

.orange {
    color:#FF6600 ! important;
}
.red {
    color:#FF3300 ! important;
}

.blue {
    color:#0066cc ! important;
}
.redbg {
    background-color:#FF3300 ! important;
    color:#fff ! important;
}
.lightgreybg {
    background-color:#BBB ! important;
}

.greybg {
    background-color:#999 ! important;
}
.details {
    color:#999;
    margin-top:10px;
    font-size:11px;
}
.addthis-top {
    float:right;
    width:100px;
}
ul.iphone-apps li img {
    float:left;
    border:none;
    margin-right:10px;
    height:32px;
    width:32px;
}
ul.iphone-apps li {
    clear:left;
}

a.external-facebook {
    background: url(img/facebook_16x16.gif) center right no-repeat;
    padding-right: 19px;
}

/*JUITTER PLUGIN CSS*/

#juitterContainer{
height:270px;
overflow:auto;
font-size:12px;color:#000;background:none;
font-family:"Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica;
margin:0;
padding:0;
} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{
list-style:none;
background:#fff;
margin:0;
padding-right:3px;
padding-bottom:6px;
padding-top:6px;
padding-left:3px;
height:80px;
float:left ! important;
width:290px;
display:block;
margin-right:5px;
border:none;
} 
#juitterContainer .twittList SPAN.time{color:#999;font-size:0.9em;display:none;}
#juitterContainer .twittList A{color:#666;font-weight:normal;text-decoration:underline} /*Links inside the tweets list */
#juitterContainer .twittList A:hover{color:#0066cc}

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 2px #EEE;background:#FFF;margin-right:5px;padding:0px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both;display:none;} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

.twittHover {
    -moz-border-radius: 5px ! important;
    -webkit-border-radius: 5px ! important;
    background:#0066cc ! important;
    color:#fff ! important;
}
.twittHover a {
    color:#fff ! important;
}
.twittHover .time {
    color:#EEE ! important;
    display:inline ! important;
}
/*end of Juitter CSS*/


/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 5px;	
	font-weight: bold;
	font-size: 12px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
/*   border-width: 8px 0px 0px 0px;*/
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
	text-decoration:none;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }