/*	MIDILIBRE BLOGS
	Auteur : Sophie Wauquier
	Date de création : septembre 2009
 */
/* BLOGS   */

#blogPetitPoucet {font: normal 11px arial, sans-serif; color:#999; margin-bottom:5px;} /* verifier si on peut utiliser le petit poucet general */
#blogPetitPoucet a {font-size:11px; font-weight:normal; color:#999;}
#blogPetitPoucet a:hover{color:#c33;}

/* header dans les template   */
#headerTemplate {width:100%; height:25px; margin-right:auto; margin-left:auto; text-align:left; font: normal 12px arial,sans-serif; color:#cc3333; background:#fff; overflow:hidden;}
#headerTemplate a {color:#cc3333; text-decoration:none;}
#headerTemplate a:hover {color:#333333; text-decoration:none;}

/* BLOGS GAUCHE */
.barreGcheBlogs {width:240px; border-bottom: 1px #933 solid; font-size:13px; color:#933; font-weight:bold;}
.blocGcheBlogs {width:500px;}
.accroche {font-size:0.7em; color:#933; margin-right:5px; padding:0;}

.blocGcheBlogs  div {width:490px; background:#eee; height:15px; font-size:10px; color:#999; padding:5px;}
.blocGcheBlogs  div p {float:left; width:400px;}
.blocGcheBlogs  div p strong, .bloc2col p strong{color:#966;}
.blocGcheBlogs  div p a, .bloc2col p a{color:#966; font-size:10px;}
.blocGcheBlogs  div p a:hover, .bloc2col p a:hover{color:#600;}
.blocGcheBlogs  div span{float:right; width:60px; font-size:11px; font-weight:bold; color:#600;}

.blocGcheBlogs  ul {margin-left:20px;margin-top:10px;}
.blocGcheBlogs  ul  li{color:#996666; list-style-position:outside; list-style-type:disc; padding:3px;}
.blocGcheBlogs  ul  li span{color:#999;}
.blocGcheBlogs  ul  li a{font-size:15px; color:#999;}
.blocGcheBlogs  ul  li a:hover{color:#966;}

.bloc2col p {width:230px; background:#eee; font-size:10px; color:#999; padding:5px;}

/* BLOGS MILIEU */
.barreMilieuBlogs {height:18px; padding-left:5px; padding-top:5px; margin-top:5px; background:#933; border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase;clear:left;}

.blocMilieuBlogs {padding:5px;width:290px;border:solid 1px #eee;margin-bottom:5px;background-color:#fff;overflow:hidden;} 
.blocMilieuBlogs span {display:block;font-size:10px;font-weight:bold;color:#966;}
.blocMilieuBlogs p {padding:10px 0 10px 0;}
.blocMilieuBlogs .barreGrise {border-bottom:1px dotted #ccc;}
.blocMilieuBlogs a {font:normal 12px arial, sans serif;color:#666; }
.blocMilieuBlogs a:hover {color:#600;}
.blocMilieuBlogs img {float:left;margin-right:10px;border: 1px solid #966;}
.blocMilieuBlogs div.tous {padding:3px;text-align:left;margin-top:10px;margin-bottom:5px;font: normal 11px arial, sans-serif;color:#999;}
.blocMilieuBlogs div.tous a {font: normal 11px arial, sans-serif; color:#c99; text-decoration:none;}
.blocMilieuBlogs div.tous a:hover {color:#600;}

.blocMilieuBlogsImg {padding:5px; border:solid 1px #eee; background-color:#f4f4f4;}
.blocMilieuBlogsImg p {display:block; clear:left; padding:5px; margin:0; font-size:10px; font-weight:bold; color:#000;}
.blocMilieuBlogsImg p span {font-size:12px; font-weight:bold; color:#966;}
.blocMilieuBlogsImg p a {font-size:12px; font-weight:normal; color:#666;}
.blocMilieuBlogsImg p a:hover {color:#600;}
.blocMilieuBlogsImg img {float:left; margin-right:10px; border: 2px solid #ccc;}
.blocMilieuBlogsImg div{text-align:right; margin-top:10px; margin-bottom:5px;}
.blocMilieuBlogsImg div a {font: bold 11px arial, sans-serif; color:#999; text-decoration:none;}
.blocMilieuBlogsImg div a:hover {color:#600;}

.blocMilieuBlogsPhoto {background-color:#000; }
.blocMilieuBlogsPhoto span {font-size:10px; font-weight:bold; color:#c99;}
.blocMilieuBlogsPhoto a {font:bold 12px arial, sans serif; color:#fff;}
.blocMilieuBlogsPhoto a:hover {color:#c99;}

/* BLOGS DROITE */

#searchBlogs {height:30px; background: url(../blogs/images/ap_searchBlogs.jpg) no-repeat; margin-bottom:7px; padding:10px 8px 0 8px;}
#searchBlogs form {display:inline; margin:0; padding:0;}
#searchBlogs input {font: normal 12px arial, sans-serif; color:#666; margin:0; padding:0;}
#searchBlogs input[type=text]{float:left;}
#searchBlogs input[type=button] {float:right; font-weight:bold; color:#933; margin:-1px;}

.barreDteBlogs {width:180px; border-bottom: 1px solid #933; text-align:left; font: bold 12px "Trebuchet MS", verdana, arial, sans-serif; color:#933;}

.blocDteBlogs {text-align:left; padding:10px; font: normal 12px "Trebuchet MS", verdana, arial, sans-serif; line-height:1.1em;}
.blocDteBlogs span {font-size:11px; color:#c33;}
.blocDteBlogs a {margin-left:5px; font-weight:normal; color:#999; text-decoration:none;}
.blocDteBlogs a:hover {color:#600;}
.blocDteBlogs select {font: normal 11px arial, sans-serif; color:#666; margin:0; padding:0;}
.blocDteBlogs optgroup {font: bold 11px arial, sans-serif; color:#666; margin:0; padding:5px; border-top:1px #966 solid;}

.blocDteBlogsRedac {text-align:left; padding:10px; font: normal 12px "Trebuchet MS", verdana, arial, sans-serif; line-height:1.1em;}
.blocDteBlogsRedac p {padding:5px 5px 5px 10px; overflow:hidden;}
.blocDteBlogsRedac a {font-weight:normal; color:#999; text-decoration:none;}
.blocDteBlogsRedac a:hover {color:#600;}
.blocDteBlogsRedac img {margin-bottom:5px; border:2px solid #ccc;}






.blocDteBlogsID {width:140px; background: #e5e5e5 url("../blogs/images/id.gif") no-repeat; margin-left:20px; text-align:left;}
.blocDteBlogsID form {display:block; padding-top:30px; padding-left:10px;}
.blocDteBlogsID input {font-size:10px; color:#600; margin-bottom:3px;}
.blocDteBlogsID input[type=submit] {margin-left:3px;}
.blocDteBlogsID a  span{display:block; font-weight:normal; font-size:10px; color:#666; margin:3px 0 5px 0;}
.blocDteBlogsID a:hover  span{color:#600;}
.blocDteBlogsID p {width:130px; text-align:left; border-top: 1px solid #fff; background:#e5e5e5; padding:5px;}
.blocDteBlogsID p a {font-weight:normal; font-size:12px; color:#666;}
.blocDteBlogsID p a:hover{color:#600;}