/* CSS Document */
@import "layout.css";

/*COL1*/
#col1{
float:left;
width:581px;
border-right:1px solid #cccccc;
padding-top:10px;
/*min-height:1605px;*/
padding-left:15px;
padding-right:13px;
background:white;
}

/*#col1 h1{
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
margin-top:20px;
margin-bottom:15px;
background:#cc0000;
padding-top:5px;
padding-bottom:5px;
text-align:center;
}*/

#col1 h1 a img{
border:none;
}

#col1 h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:60px;
font-weight:normal;
color:black;
padding-bottom:17px;
border-bottom:5px solid #cc0000;
line-height:0.9em;
}

h2.first{
padding-top:17px;
border-top:5px solid black;
}

#col1 h2 a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:60px;
font-weight:normal;
color:black;
text-decoration:none;
}
#col1 h2 a:hover{
text-decoration:underline;
}


#col1 p{
margin-top:20px;
margin-bottom:20px;
}

/**/

#col2{
float:left;
width:211px;
padding-top:10px;
background:white;
/*background:red;
min-height:100%;*/
}

/*COL3*/
#col3{
float:left;
width:328px;
background:#ebe8da url(../img/col3.png) top left repeat-y;
padding-top:10px;
/*min-height:1605px;
min-height:100%;*/
}

.ie #col3{
clear:right;
width:320px;
background:#ebe8da url(../img/col3.png) top left repeat-y;
padding-top:10px;
/*min-height:1605px;
min-height:100%;*/
}

.ie7 #col3{
clear:right;
width:320px;
background:#ebe8da url(../img/col3.png) top left repeat-y;
padding-top:10px;
/*min-height:1605px;
min-height:100%;*/
}


#col3 .pub{
width:305px;
height:275px;
margin-left:20px;
}
#col3 .pub .encart{
width:300px;
margin-left:auto;
margin-right:auto;
}
#col3 .pub .msg{
width:300px;
margin-top:11px;
margin-bottom:11px;
margin-left:-2px;
}

/*CONTENT BAS*/
#wrapper_content_bas{
width:938px;
margin-left:auto;
margin-right:auto;
padding-top:00px;
}
.gecko #wrapper_content_bas{
width:938px;
margin-left:auto;
margin-right:auto;
padding-top:00px;
}
#wrapper_content_bas22{
border-top:5px solid black;
float:left;
width:100%;
background:url(../img/bg_court.png) top right repeat-y;
margin-top:-5px;
}
#wrapper_content_bas2{
border-top:8px solid black;
_border-top:5px solid black;
float:left;
width:100%;
height:200%;
margin-top:-35px;
background:url(../img/bg_court.png) top right repeat-y;
}

/**/
#connected{
width:300px;
margin-left:19px;
margin-bottom:20px;
margin-top:20px;
}

#connected p {font-size:14px;padding-bottom:10px}

#connected p img {margin:1px 7px 0 0;}

#connected p span {color:#CC0000;font-weight:bold}

#connected a {text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14px}
#connected a span {color:#CC0000;}

#connected #MBL_COMM {margin-top:10px;}

/**/

/**/

#feed{
margin-top:22px;
margin-left:22px;
font-family:Arial, Helvetica, sans-serif;
}

#feed h2{
padding-bottom:5px;
border-bottom:2px solid black;
width:300px;
margin-bottom:10px;
}

#feed ul{
list-style-position:inside;
list-style:none;
margin:0;
padding:0;
margin-left:10px;
}

#feed ul li{
background:url(../../_img/feed-icon-16x16.png) center left no-repeat;
padding-left:25px
}

#feed ul li.no{
background:none;
}

#feed ul li.netvibes{
background:none;
margin-left:-25px;
}

#feed ul li a{
color:#cc0000;
text-decoration:none;
}

#feed ul li a:hover{
text-decoration:underline;
}

/**/

#nav{
margin-bottom:20px;
}

#nav ul{
list-style-position:inside;
list-style-type:none;
}
#nav ul li{
background:url(../img/tilt.png) top left no-repeat;
_background:url(../img/tilt.gif) top left no-repeat;
height:26px;
margin-bottom:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:white;
padding-top:10px;
text-align:center;
width:291px;
margin-left:31px;
}
.ie #nav ul li{
margin-left:15px;
}

#nav ul li.spe{
background:url(../img/tilt2.gif) top left no-repeat;
font-size:28px;
font-style:italic;
text-align:left;
width:292px;
height:49px;
padding-top:18px;
margin-left:0;
padding-left:30px;
}
.ie #nav ul li.spe{
margin-left:-15px !important;
}

#nav ul li a{
color:white;
text-decoration:none;
}

/**/
.post-infoo{
clear:both;
height:46px;
background:url(../img/bg_comment.png) top left repeat-x;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-style:italic;
font-size:30px;
color:white;
padding-top:8px;
padding-left:10px;
}

.post-infoo a.nb_com{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-style:italic;
font-size:30px;
color:white;
text-decoration:none;
}

.post-infoo .art{
font-size:14px;
color:white;
}

.post-infoo span{
color:#cc0000;
}

.post-infoo a{
color:#cc0000;
font-size:14px;
}

#comments{
clear:both;
padding-top:25px;
_padding-top:15px;
}
.lecomment .comment-info{
float:left;
width:165px;
background:url(../img/comment.png) top right no-repeat;
text-align:right;
padding-right:30px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
}
.comment-info a{
color:#cc0000;
}

.lecomment .comment-info strong{
color:black;
}

.lecomment .comment-info span{
font-size:24px;
}

.lecomment .comment-info img{
margin:0 0 0px 90px;
}

#comments blockquote{
float:right;
width:360px;
padding-right:13px;
font-size:14px;
line-height:1.2em;
}

/**/

#leform{
/*border-top:1px solid #cccccc;*/
}

#leform #un{
width:165px;
_width:150px;
float:left;
}

#leform #deux{
_width:417px;
width:440px;
float:right;
_padding-right:13px;
}

#leform h3{
clear:both;
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
/*border-top:1px solid #cccccc;*/
padding-top:12px;
}


#leform label{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
cursor:pointer;
}
#leform #c_nom{
width:150px;
_width:140px;
background:url(img/cherche_bg.png);

}
#leform #c_mail{
width:142px;
_width:140px;
background:url(img/cherche_bg.png);
border:1px solid black;
padding-top:4px;
padding-left:4px;
padding-bottom:4px;
}
#leform #c_site{
width:142px;
_width:140px;
background:url(img/cherche_bg.png);
border:1px solid black;
padding-top:4px;
padding-left:4px;
padding-bottom:4px;
}
#leform #c_content{
overflow:hidden;
width:420px;
_width:420px;
height:135px;
background:#ededed url(img/cherche_bg.png) top left repeat-x;
border:1px solid black;
padding-top:4px;
padding-left:4px;
padding-right:4px;
}

#leform .submit{
background:#cc0000;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:white;
width:222px;
height:40px;
margin-left:210px;
}

.separe{
background:url(img/separe.png) center center repeat-x;
margin-right:13px;
}

/**/
#utils{
float:left;
width:30px;
height:100px;
margin-top:26px;
margin-right:20px;
}

#utils ul{
list-style-type:none;
widtyh:30px
}
#utils ul li{
margin-bottom:3px;
width:30px;
border-top:1px solid #666;
border-bottom:1px solid #666;
text-align:center;
}

#utils a{
clear:left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
text-decoration:none;
margin-bottom:10px;
}

#utils #plus{
font-size:25px;
}
#utils #moins{
font-size:16px;
}
#utils #at{
font-size:25px;
}
#utils #print{
font-size:16px;
}
#utils #blog{
font-size:16px;
}
#utils #rss{
font-size:16px;
}

/**/

#col1 .post{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:black;
line-height:1.5em;
}
#col1 .post b{
font-size:16px;
}
#col1 .post a{
font-size:14px;
font-weight:bold;
color:#cc0000;
font-style:italic;
}

/**/

#recent{
width:300px;
margin-left:20px;
margin-top:40px;
margin-bottom:40px;
}
#recent h2{
background:url(../img/recemment.gif);
width:303px;
height:73px;
}
#recent ul{
margin-top:17px;
list-style-position:inside;
list-style:none;
}
#recent ul li{
height:24px;
border-bottom:1px solid #b6b4ab;
padding-top:5px;
background:url(../img/bullet.gif) center left no-repeat;
padding-left:10px;
}
#recent ul li a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:black;
text-decoration:none;
}
#recent ul li a:hover{
text-decoration:underline;
}

/**/

#post_comment{
margin:0;
padding:0;
}
#post_comment label{
cursor:pointer;
}
#post_comment #comment_txt{
border:1px solid #aaaf9f;
width:568px;
_width:381px;
overflow:hidden;
height:131px;
padding:2px 5px;
}
#post_comment #comment_txt:focus{
background:#fdcfcf;
}
#post_comment h2{
margin:0;
padding:0;
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin-top:12px;
margin-bottom:10px;
}
#post_comment #go_comment_txt{
float:left;
margin-left:358px;
_margin-left:172px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:white;
width:221px !important;
height:38px;
background:#cc0000;
border:none;
border-top:1px solid #660000;
border-right:1px solid #660000;
padding-right:0;
_padding-left:8px;
cursor:pointer;
}
/**/
#last-posts{
padding-bottom:20px;
}

#recement{
border:none !important;
margin-left:15px;
}

#last-posts img{
width:292px;
float:left;
margin-left:20px;
border:0;
margin-bottom:15px;
padding-top:10px;
border-top:2px solid #c8c5ba;
}

#last-posts .titre_post_spe{
width:292px;
float:left;
margin-left:20px;
border:0;
margin-bottom:15px;
padding-top:10px;
border-top:none;
}

#last-posts h2{
border:0 !important;
margin:0;
padding:0;
}
#last-posts .next{
clear:both;
background:black;
color:#e4e1d5;
width:285px;
margin-left:20px;
margin-bottom:10px;
padding-left:10px;
height:20px;
}
#last-posts a{
color:#e4e1d5;
text-decoration:none;
}

/**/
#col1 #navigation_flashs{
clear:both;
margin-top:15px;
height:30px;
padding-top:4px;
background:url(../img/navigation_flashs.png) top left repeat-x;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:white;
text-decoration:none;

}
#col1 #navigation_flashs a{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:white;
text-decoration:none;
}
#col1 #navigation_flashs a:hover{
text-decoration:underline;
}
#col1 #navigation_flashs a.active{
color:#cc0000;
}

#connected a{
color:#cc0000;
}