/*
Theme Name: ComUnik
Theme URI: http://www.rom1.fr/
Description: Theme for ComUnik society
Version: 0.1
Author: Romain Renoux
 
Creation Theme by Romain Renoux || http://www.rom1.fr
 
*/

body{
margin:0px;
padding:0px 0 10px 0;
background-image:url(fond.gif);}

ul, li{
padding:0px;
margin:0px;
list-style: none;}

p{margin:0px;
padding:0px;}

textarea {
width:400px;}

/* ---- PAGE ---- */
#page {
background: #FFFFFF;
background-image:url(images/fond_header.jpg);
background-position:top;
background-repeat:no-repeat;
margin: 0 auto 0 auto;
padding:0 15px 15px 15px;
width: 900px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}

.bar_h{
height:7px;
background-image:url(images/bar_h.gif);}


.bt_portfolio a{
background: url(images/bt_portfolio.gif) no-repeat 0 0 ;
height:24px;
width:209px;}

.bt_portfolio a:hover{
background: url(images/bt_portfolio.gif) no-repeat 0 -24px ;
height:24px;
width:209px;}

.bt_prestation a{
background: url(images/bt_prestations.gif) no-repeat 0 0 ;
height:24px;
width:209px;}

.bt_prestation a:hover{
background: url(images/bt_prestations.gif) no-repeat 0 -24px ;
height:24px;
width:209px;}

#menu{
float:right;
margin-top: 45px;
margin-bottom:60px;
font-size:14px;
letter-spacing:2px;
color:#424242;}

#menu a{
color:#424242;
text-decoration:none;

}
#menu a:hover{
color:#00b8ee;
text-decoration:none;}

/* ---- INDEX ---- */

/* ---- centre ----- */
#centre{
width:900px;
height:442px;
}
.bas_bloc{
background-image: url(images/fond_bas_bloc.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#F4F4F4;
color:#999999;
width:235px;
padding:15px;}

.actu_image {
margin: 10px 0px 10px 0;
height:195px;}

.actu_image img{
background-color:#FFFFFF;
padding:2px;
margin:0 10px 0px 0;
border-style:solid;
border-color:#dcdcdc;
border-width:1px;}


.actu_image h1{
text-transform:uppercase;
color:#2eceff;
line-height:16px;
margin:0px;
padding:0px;
font-size:10px;}

.actu_image h2{
font-weight: bold;
color: #000000;
line-height:16px;
margin:0px;
padding:0px;
font-size:10px;}

.actu_image a{
color: #000000;
text-decoration:none;}

.actu_image a:hover{
color:#2eceff;
text-decoration:underline;}

.box_centre{
float:left;
background-image:url(images/fond_haut_bloc.gif);
background-repeat:repeat-x;
width:265px;
/*height:380px;*/
background-color:#fcfcfc;
margin:0px 5px 0 25px;
}
.text_index{
height:70px;}

.box_content{
position:relative;
font-size:10px;
line-height:16px;
width:240px;
margin:15px 0px 0 13px;
}
/* ---- cat ----- */
.last_img{
float:left;
width:51px;
height:51px;
padding:2px;
border:solid 1px #dcdcdc;
background-color:#FFFFFF;
font-size:10px;
margin-bottom:10px;
margin:2px 2px 2px 2px;}
.photo_img{
float:left;
padding:2px;
border:solid 1px #CCCCCC;
font-size:10px;
margin:4px 6px 4px 4px;}
/* ---- single ----- */
#centre_single{
width:900px;
background-color:#FFFFFF;
padding-top:0px;

/* min-height:437px;*/
}
.single_content a{
text-decoration:none;
color:#00b8ee;
}
.single_content a:hover{
text-decoration:underline;
color:#00b8ee;
}
#centre_single ul{
list-style-image: url(images/puce.gif);
margin-left:10px;
margin-bottom:4px;
}

#centre_single li{
list-style-image: url(images/puce.gif);
margin-left:10px;
margin-bottom:4px;
}
#centre_single blockquote{
display:block;
padding:10px 0 10px 0;
margin:0 0 0 0;
background-image: url(images/bar_h.gif);
background-repeat:repeat-x;
}

.bar{
border-bottom-style:solid;
border-bottom-color:#c1c1c1;
border-bottom-width:1px;	
}

.single_fond{
margin: 0px 17px 0px 16px;
padding: 10px 0px 0px 25px;
background-color:#FFFFFF;
width:852px;
}

.single_content{
width:550px;
}

.single_content_img {
float:left;
background-color:#FFFFFF;
padding:2px;
margin:0px 5px 10px 0px;
border-style:solid;
border-color:#dcdcdc;
border-width:1px;}

.single_content h1{
font-size:20px;
color:#000000;}

.single_content h2{
font-size:14px;
color:#00b8ee;
text-transform:uppercase;
letter-spacing:1px;
margin:10px 0 10px 0;
padding:0px;}

.single_content h3{
font-size:12px;
color:#666666;
text-transform:bold;
margin:10px 0 10px 0;}

.single_content h4{
font-size:12px;
color:#000000;
text-transform:bold;
margin:10px 0 10px 0;}

.single_content h5{
font-size:14px;
color:#00B8EE;
text-transform:bold;
margin:0px 0px 7px 0px;}

.pack{
float:right;
width:265px;
margin:0 0 10px 10px;
}

.extrait{
float:right;
width:190px;
margin:0 0 10px 10px;
min-height:100px;
padding:10px;
background-image:url(images/fon_pack.gif);
background-repeat:repeat-x;
}
.extrait h2{
	font-size:14px;
color:#00b8ee;
text-transform:uppercase;
letter-spacing:1px;
margin:-35px 0 20px 0;
padding:0px;
}
.pack h2{
margin:10px 0 10px 0;}
.pack_content{
min-height:150px;
padding:10px;
background-image:url(images/fon_pack.gif);
background-repeat:repeat-x;
}
.pack_content a{
color:#000000;
font-weight:bold;
text-decoration:none;}
.pack_content a:hover{
color:#000000;
text-decoration:underline;}

/* ---- *Sidebar ----- */
#sidebar{
float:right;
margin:0px 0 10px 15px;}

.content_sidebar{
width:184px;
font-size:10px;
padding: 10px 10px 10px 0px;
background-image:url(images/fond_sidebar.gif);
background-repeat:repeat-x;
}

.content_sidebar a{
color:#868686;
text-decoration:none;}
.content_sidebar a:hover{
color:#00b8ee;
text-decoration:none;}


.content_sidebar_focus{
padding: 10px 0 10px 0px;
line-height:16px;
width:234px;}
.content_sidebar_focus h3{
font-size:12px;
margin:0px;}
.content_sidebar_focus a{
color:#868686;
text-decoration:none;
}
.content_sidebar_focus a:hover{
color:#00b8ee;
text-decoration:underline;
}
/* ---- Footer ----- */
.trait_bleue{
background-color:#00b8ee;
clear:both;
height:7px;
margin:0px;
padding:0px;}

#foot1{
background-image:url(images/fond_footer.jpg);
background-repeat:no-repeat;
background-color:#343434;
height:210px;
color:#FFFFFF;
font-size:10px;
}


.box_foot{
float:left;
padding: 15px 0px 0 15px;
width:250px;
margin:0px 5px 0 24px;
line-height:16px;
}

.box_foot li{
list-style:none;
padding:0px;
margin:0px;
}

.box_foot a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;}

.box_foot a:hover{
text-decoration:underline;
}

.box_foot_link {
float:left;
padding: 15px 0px 0 15px;
width:250px;
margin:0px 5px 0 24px;
line-height:16px;
}

.box_foot_link a{
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
margin:0px;
padding:0px;}

.box_foot_link a:hover{
text-decoration:underline;
}

#foot1 h2{
margin:0px 0px 10px 0px;
padding:0px;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
}
#foot1 h3{
margin:0px 0px 2px 0px;
padding:0px;
font-size:10px;
font-weight:bold;
}

#foot2{
color:#515151;
text-align:center;
line-height:16px;
margin-top:5px;
}

#foot2 a{
text-decoration:none;
color:#515151;}
#foot2 a:hover{
text-decoration:underline;
color:#515151;}