/*
Style blogs.fr Version 4.0
Dataxy 2011
Design : nicolab
*/


/* FONT */

@font-face {
font-family: 'allan';
src: url('font/allan.eot'); /* IE */
	
src: local('allan'),
url('font/allan.ttf') format('truetype'); /* FF */
}


/* GENERAL */

*{
margin: 0;
}
html{
padding-bottom: 20px;

padding-bottom: 10px \9;
}

body{
font: 10pt arial, helvetica, sans-serif;
background: #dcb url(images-blogs/barre.gif) repeat-x;
color: #000;

-background-image: url(images-blogs/barre-ie6.gif);
}

#contenu{
margin: 0px auto;
width: 980px;
}

a{
color: #416;
text-decoration: none;
outline: none;
cursor: pointer;
}
a:hover{
color: #544;
}

::-moz-selection {
background: #dcb;
color: #000;
}
::selection {
background: #dcb;
color: #000;
}



input[type=text],
input[type=password],
textarea,
select{
font-family: arial, helvetica, sans-serif;
border: none !important;
background: #dcb !important;
padding: 2px;
outline: none !important;
color: #544;
}

input[type=button],
input[type=submit]{
background: #fff !important;
font: 14pt allan, arial, helvetica, sans-serif;
text-transform: uppercase;
color: #416;
border: none;
margin-top: 15px;
cursor: pointer;
outline: none !important;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #544;
}

ul{
padding-left: 0px;
list-style: none;
}
a img{
border: none;
}
h1,
h2,
h3,
h4,
strong{
font-weight: normal;
}
u{
text-decoration: none;
}

.clear{
clear: both;
}
.warning{
color: #c00;
}


/* HAUT */

#head{
width: 100%;
height: 80px;
margin-bottom: 5px;

/margin-bottom: 10px;
}

#head h1{
background: url(images-blogs/logo.gif);
width: 121px;
height: 70px;
margin-top: 5px;
}
#head h1 a{
display: block;
background: orange;
font-size: 1px;
width: 121px;
height: 70px;
opacity: 0;
filter : alpha(opacity=0);

-display: none;
}

#head h2{
display: none;
}

#menu1{
position: absolute;
top: 40px;
left: 50%;
margin-left: 410px;
}
#menu1 li{
float: left;
margin-left: 10px;
}
.annuaire{
display: block;
background: url(images-blogs/annuaire.gif) no-repeat;
width: 30px;
height: 32px;
}
.bouton-aide{
display: block;
background: url(images-blogs/aide.gif) no-repeat;
width: 30px;
height: 32px;
}
.annuaire:hover,
.bouton-aide:hover{
background-position: 1px;
}


/* BOITES */
.box{
background: #fff /*url(images-blogs/vague.png) repeat-x bottom*/;
padding: 0px 10px 10px 10px;
margin-bottom: 10px;
}
.box h3{
height: 25px;
padding-top: 5px;
margin-bottom: 8px;
font: 14pt allan, arial, helvetica, sans-serif;
border-bottom: 1px solid #000;
text-transform: lowercase;
}
.box h3:first-letter{
text-transform: uppercase;
}
.box_content{
}


/* CONNEXION */

#formulairelogin p{
height: 25px;
}

label[for=log1]{
}
label[for=log2]{
}

#log1{
position: relative;
top: -17px;
left: 82px;
width: 132px;
}
#log2{
position: relative;
top: -17px;
left: 82px;
width: 100px;
}

#formulairelogin input[type=submit]{
position: relative;
top: -66px;
left: 95px;
color: #ba9;
}

#oublie{
position: relative;
top: -5px;
font-size: 7pt;
}

a[title=Inscription]{
font: 16pt allan, arial, helvetica, sans-serif;
position: relative;
top: -15px;

-webkit-transition-property: color;
-webkit-transition-duration: 0.5s;
-moz-transition-property: color;
-moz-transition-duration: 0.5s;
transition-property: color;
transition-duration: 0.5s;
}


/* ACCUEIL */

/*presentation*/
#presentation a{
display: block;
background: #fff url(images-blogs/icones.gif) no-repeat 0px 10px;
height: 170px;
}


/*colones accueil*/
#colonne1,
#colonne1_online{
width:237px;
margin-right: 10px;
float: left;
}
#colonne2,
#colonne2_online{
width:237px;
margin-right: 10px;
float: left;

-margin-right: 7px;
}
#colonne3,
#colonne3_online{
width:237px;
margin-right: 10px;
float: left;
}
#extern{
width:237px;
float: left;
}

/*top blogs*/
#blog_pop strong{
position: absolute;
font: normal 28pt allan, arial, helvetica, sans-serif;
}
#blog_pop li{
height: 80px;
border-bottom: 1px solid #dcb;
margin-bottom: 10px;
}
#blog_pop span{
display: block;
margin-left: 30px;
line-height: 8pt;
margin-bottom: -10px;
}
#blog_pop span a{
font-weight: normal !important;
}
#blog_pop p{
text-align: left !important;
font-size: 9pt;
}


/*listes particuli?res*/
.liste li{
padding: 2px 0px;
}

#categories ul li,
#categories2 ul li{
float: left;
width: 107px;
}
#categories2 ul li{
border: none;
}


#derniers_comments li,
#coups_coeur li{
margin-bottom: 10px;
}
#derniers_comments a,
#coups_coeur a{
text-decoration: none;
color: #000;
display: block;
}
#derniers_comments a:hover,
#coups_coeur a:hover{
background: #f4f4f4;
}
#derniers_comments .url,
#coups_coeur .url{
color: #ba9;
}
#derniers_comments strong,
#coups_coeur strong{
text-transform: lowercase;
font-size: 11pt;
}
#derniers_comments a:first-letter,
#coups_coeur a:first-letter {
text-transform: uppercase;
}


.derniers_posts{
text-align: left !important;
text-transform: lowercase;
}
.derniers_posts li:first-letter {
text-transform: uppercase !important;
}
.derniers_posts img {
margin-top: 5px;
}
.derniers_posts h4{
margin: 5px 0px;
}
.derniers_posts li{
padding-bottom: 10px;
border-bottom: 1px solid #dcb;
margin-bottom: 10px;
}


#blogs_video a{
font-size: 8pt;
}
#blogs_video strong{
font-size: 10pt;
}

/* annuaire de blogs */

#blogs_categ li,
#commentaires_recents li{
padding-bottom: 10px;
border-bottom: 1px solid #dcb;
margin-bottom: 10px;
}
#blogs_categ li a,
#commentaires_recents li a{
display: block;
min-height: 60px;
}
#blogs_categ span,
#commentaires_recents span{
display: none;
}
#blogs_categ img,
#commentaires_recents img{
margin-top: 5px;
}


/* CGU */

#colonne2 h2{
margin-top: -10px;
font: 16pt allan, arial, helvetica, sans-serif;
width: 400px;
}

/* ANNUAIRE */

#annuaire{
background: #fff;
padding: 0px 10px 10px 10px;
margin: 10px 0px;
}
#annuaire h2{
width: 217px;
height: 25px;
padding-top: 5px;
margin-bottom: 8px;
font: 14pt allan, arial, helvetica, sans-serif;
border-bottom: 1px solid #000;
}
#annuaire li{
padding-top: 10px;
}

#annuaire input[type=submit]{
background: #fff url(images-blogs/loupe.gif) no-repeat !important;
padding-left: 20px;
}
#annuaire input[type=submit]:hover{
background-position: left -32px !important;
}

/* INSCRIPTION */

.formulaire strong{
}
.formulaire em{
display: block;
margin-top: 3px;
font-size: 8pt;
}

.formulaire input[name=login]{
width: 122px !important;
}
.formulaire select{
width: 215px;
}
.formulaire input[type=text],
.formulaire input[type=password]{
width: 212px;
}


/* GESTION DU BLOG */

#main2_online{
width: 770px;
margin-right: 10px;
float: left;
}
#main2_online h4{
margin: 10px 0px;
}
#pub_admin{
width:180px;
float: left;
}

/*publication*/
#maj{
background: url(images-blogs/disquette.gif) no-repeat 0px 3px;
}
#maj p{
padding-left: 40px;
height: 40px;
}
#maj strong{
font-size: 8pt;
}

#lienpublier{
font: 18pt allan, arial, helvetica, sans-serif;
}

/*icones*/
.icones li{
width: 80px;
height: 100px;
float: left;
margin: 0px 27px 25px 0px;
}
.icones li a{
display: block;
}
.icones li a img{
border:none;
}

/*listes designs*/
.apercus li{
width: 160px;
height: 160px;
float: left;
margin-right: 10px;
}
.apercus a:hover img{
border: 1px solid #544;
}
.apercus img{
border: 1px solid #ddd;
}

/* ordre des articles */
#ordre_articles li {
padding: 4px;
cursor: move;
background: #dcb;
width: 742px;
}
#ordre_articles span{
float: right;
color: #a98;

/float: ;
}
#ordre_articles li:hover{
background: #000;
color: #fff;
}
#ordre_articles li:hover span{
color: #fff;
}



/*tableaux*/

#liste_articles{
width: 100%;
border-collapse: collapse;
empty-cells: show;
margin-top: 20px;
}
#liste_articles th{
font: 14pt allan, arial, helvetica, sans-serif;
border: 3px solid #fff;
padding: 5px;
background: #eee;
}
#liste_articles th a{
background: url(images-blogs/fleche.png) no-repeat;
background-position: right 8px;
padding-right: 20px;
cursor: pointer;
}
#liste_articles th a:hover{
background-position: right -9px;
}
#liste_articles td{
border: 3px solid #fff;
padding: 2px 4px;
vertical-align: middle;
}
#liste_articles tr {
background: #eee \9;
}
#liste_articles tr:hover {
background: #fff !important;
}

#liste_articles tr:nth-child(2n) {
background: #eee;
}
#liste_articles tr:nth-child(2n+1) {
background: #ddd;
}


/* FOOTER */

#footer{
background: #000;
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 20px;
color: #fff;
z-index: 1000;
}
#footer2{
margin: 0px auto;
width: 980px;
font-size: 8pt;
margin-top: 3px;
text-align: right;
}
#footer2 a{
color: #ba9;
}
#footer2 a:hover{
color: #544;
}


































#flashblog{
height:200px;
margin-bottom:5px;
}





/* blogs videos */
#videos_a_la_une{
float:left;
padding:5px
}
#videos_a_la_une h4{
border:none;
font-weight:bold;
margin:0
}
#blogs_video ul li{
padding:5px;
}




/* aide */
.aide{
border:1px solid #000;
padding:5px;
margin:20px;
background:#ffffdc
}
.aide img{
vertical-align:middle
}



/* truc eax */
#sess_eax{
position:fixed;
top:20px;
z-index:1000;
right:20px;
width:200px;
overflow:auto;
background:red;
border:3px solid black;
padding:5px;
bottom:20px;
}


div.dropmarker {
height:6px;
width:400px;
background:url(/scriptaculous/dropmarker.png) left top;
margin-top:-3px;
margin-left:-5px;
z-index:2;
overflow: hidden;
}



/* DEDIBLOGS */
#dediblogs{
border-top:1px solid #75B902;
border-bottom:1px solid #75B902;
border-right:1px solid #75B902;
background:red;
height:25px;
width:990px;
}
#dediblogs #infos_dedicaces{
width:185px;
height:26px;
float:left;
background:#75B902;
text-align:center;
line-height:25px;
font-weight:bold;
}
#dediblogs #infos_dedicaces a{
color:red;
}
#dediblogs .sp{
padding:6px 5px 5px 190px;
font-size:13px;
height:25px;
line-height:25px;
}