/*
Theme Name: Blog awam
Theme URI: http://www.33air.com/
Description: The first theme created by Awam.
Version: 0.1
Author: Steve Maingot
 
Creation Theme by Steve Maingot || http://www.33air.com/
 
*/

body {
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
background-color: #00abea;
color: #00abea;
margin: 0;
}

#page {
background-color: #FFFFFF;
margin: 0 auto 0 auto;
width: 800px;

}

#header {
font-family: arial, helvetica, sans-serif;
float: left;
height: 120px;
width: 800px;
background-repeat: no-repeat;
background-image: url(images/banniere.gif);
/*padding: 0 10px 20px 10px;*/
}

#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: right;
}

#header p {
padding: 0 20px 0 0;
font-size: 1em;
text-align: right;
}

#content {
float: right;
width: 570px;
margin-top: 20px;
}

#content_publi {
float: right;
width: 780px;
margin-top: 20px;
}

.post_content {
width: 520px;
margin-left: 0px;
margin-bottom: 20px;
font-size: 1em;
color: #00abea;
}

#content h2 {
margin: 0px 0px 0px 0px;
font-size: 1.3em;
}

#contentban {
float: right;
width: 800px;
margin-top: 20px;

}
.post_contentban {
width: 790px;
margin-left: 0px;
margin-bottom: 20px;
font-size: 1em;
color: #00abea;
}



p {
margin-left: 0px;
}
p a {
color: #00abea;
}
p a:hover {
text-decoration:none;
}
p img {
margin-left: 0px;
border:none;
}


.navigation {
	width: 520px;
	height: 39px;
	text-align: center;
}
.navigation img {
display: block;
border: none;
margin-left: auto;
margin-right: auto;   
display: inline;
}

h2 {
margin: 0px 0px 0px 0px;
font-size:12px;
}




.sidebar {
float: left;
width: 230px;
padding-top: 5px;
margin: 0px 0px 0px 0px;
font-size:10px;
font-family: arial, helvetica, sans-serif;
}
.sidebar ul{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#FFFFFF;
}

.sidebar a{
list-style-type: none;
color:#FFFFFF;
}
.sidebar a:hover{
list-style-type: none;
color:#FFFFFF;
text-decoration: none;
}

.sidebar h2 {
font-size:12px;
font-family: arial, helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}

.blogroll h2{
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#FFFFFF;
}
#footercontact {
margin: 0 0 0 0px;
text-align: right;
height: 60px;
width: 800px;
background-repeat: no-repeat;
background-image: url(images/footercontact.gif);
font-size: 0.8em;
clear: both;
}
#sidecontact {
float: left;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
height: 781px;
width: 230px;
background-repeat: no-repeat;
background-image: url(images/imagecontact.gif);
}

#sideimage {
float:left;
margin-top:-143px;
height: 143px;
width: 230px;
background-repeat: no-repeat;
background-image: url(images/imagesidebar.gif);
background-position:bottom;
}


#footergalerie {
margin: 0 0 0 0px;
text-align: right;
height: 60px;
width: 800px;
background-repeat: no-repeat;
background-image: url(images/footergalerie.gif);
font-size: 0.8em;
clear: both;
}

.sidegalerie {
float: left;
/*position:relative;*/
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
height: 763px;
width: 230px;
background-repeat: no-repeat;
background-image: url(images/imagegalerie.gif);
}
#footer {
margin: 0 0 0 0px;
text-align: right;
height: 60px;
width: 800px;
background-repeat: no-repeat;
background-image: url(images/footer.gif);
font-size: 0.8em;
clear: both;
}
#footer p{
text-align: right;
font-size: 0.8em;
padding: 0 10px 20px 0;
}
#footertext ul li { display: inline; }

#footertext {
margin-right:10px;
margin-top:5px;
color: #00abea;
line-height:12pt;
}
#footertext a{
text-align: right;
color: #00abea;
}
#postmetadata {
margin-bottom:25px;
float:left;
width: 520px;
height: 65px;
background-image: url(images/entry01.gif);
background-repeat: no-repeat;
color: #FFFFFF
}
#postmetadata2 {
margin-bottom:25px;
float:left;
width: 520px;
height: 65px;
background-image: url(images/enfancepost.gif);
background-repeat: no-repeat;
color: #FFFFFF
}

#postmetadata3 {
margin-bottom:25px;
float:left;
width: 520px;
height: 65px;
background-image: url(images/customspost.gif);
background-repeat: no-repeat;
color: #FFFFFF
}

.postitre {
margin-top: 32px;
margin-bottom:0px;
margin-left: 5px;
font-size: 1em;
color: #FFFFFF;
font-weight:bold;
text-transform:uppercase;
}
.postitre a{
color: #FFFFFF;
}
.postitre a:hover{
color: #FFFFFF;
text-decoration: none;
}
.postdate {
margin-top: 0px;
margin-left: 5px;
font-size: 0.8em;
color: #FFFFFF;
}
.postdate a{
color: #FFFFFF;
}
.postdate a:hover{
color: #FFFFFF;
text-decoration: none;
}
/* menu page*/
#navcontainer ul{
margin-top:0px;

padding-left: 0px;
margin-left: 10px;
background-color: #00abea;
color: White;
float: left;
width: 780px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
margin-left: 0px;
padding: 0.2em 1em;
background-color: #00abea;
color: White;
text-decoration: none;
float: left;
border-right: 10px solid #fff;
font-weight:bold;
}

#navcontainer ul li a:hover
{
color: #FFFFFF;
background-color: #ffce52;

}

#top {
	height: 8px;
	background-image: url(images/topline.gif);
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	margin-top:0px;
	margin-bottom:6px;
}



/************************************************
*	Comments													*
************************************************/

/*.bulle {
background-image: url(images/bulle.gif);
height:19px;
width:19px;
}*/


.commenttop{
background-image: url(images/comments_top.gif);
width:385px;
height:33px;
margin-left:115px;
}

.commentsteme{
width:385px;
background-color:#FFFFFF;
margin-left:115px;
}

.commentdown{
background-image: url(images/comments_down.gif);
width:385px;
height:16px;
margin-left:115px;

}
.comments-template{
margin: 0px 0 0 0;
color:#00abea;
width:520px;
}

.comments-template p{
margin: 0px 0 0 0;
}



.commentlist li {
background-color:#00abea;
font-size:10px;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left:5px;
padding-top:5px;
padding-right:5px;
}




.puce {
font-size:30px;
color:#FFFFFF;
}

.comdate {
font-size:10px;
color:#FFFFFF;
}

.comdate a{
color:#FFFFFF;
text-decoration:none;
}

.comdate a:hover{
color:#FFFFFF;
text-decoration:none;
}



.comauth {
font-size:10px;
color:#FFFFFF;
}

.comauth a{
color:#FFFFFF;
}

.comauth a:hover{
color:#FFFFFF;
text-decoration:none;
}



.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
list-style: none;
}

.comments-template ol p{
font-family: Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}

.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 0 10px;
background-color:#00abea;
}

.comments-template h2, .comments-template h3{
font-size: 1.2em;
}

.commentmetadata{
font-size: 10px;
}

.comments-template p.nocomments{
padding: 0;
}
.comments-template p{
padding: 0;
margin-left:20px;
padding-right:15px;
}



.comments-template textarea{
font-family: Arial, Hevletica, Sans-serif;
font-size: 0.9em;
 color:#00abea;
     background-color:#FFFFFF;
     font-size:10px;
     font-family:arial;
	 border-color:#00abea;
	 border:solid;
}

/*.cadre_commentaires {
border-bottom: 2px dashed #00abea;
border-top: 2px dashed #00abea;

}*/
/************************************************
*	Comments													*
************************************************/



.relsample { width: 150px; position: relative; background-color: #00abea; margin-bottom: 10px; margin-left: 10px; }
.relsample .top_right, .relsample .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #00abea; }
.relsample .top_right { top: 0px; right: 0px; background-image: url("images/corner_top_right.gif"); z-index: 1; }
.relsample .bottom_right { bottom: 0px; right: 0px; background-image: url("images/corner_bottom_right.gif"); z-index: 3; }
.relsample .contenu { position: relative; padding: 5px; z-index: 4; }
.relsample .content ul li{ padding: 0px 0px 0px 0px; }
.relsample .contenurecent { position: relative; padding: 5px; width: 100px; z-index: 4; }

#comment {
     color:#00abea;
     background-color:#FFFFFF;
     font-size:10px;
     font-family:arial;
	 border-color:#00abea;
	 border:1px solid;
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 }
#submit {
     color:#00abea;
     background-color:#FFFFFF;
     font-size:10px;
     font-family:arial;
	 border-color:#00abea;
	 border:1px solid;
	 margin: 2px 0 0 0;
	 padding: 0 0 0 0;
	 }

INPUT {
     color:#00abea;
     background-color:#FFFFFF;
     font-size:10px;
     font-family:arial;
	 border-color:#00abea;
	 border:1px solid;
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 }


SELECT {
     color:#FFFFFF;
     background-color:#FFFFFF;
     font-size:10px;
     font-family:arial;
	 padding-left: 50px;
 
}
/*#searchsubmit {
padding:0px 0px 0px 0px;

}*/
#searchform {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 10px;
}

.sidearch {
float: left;
width: 200px;
margin: 20px 0 20px 0px;
list-style-type: none;
color:#FFFFFF;
font-size:12px;
}

.sidearch ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
color:#FFFFFF;
}

.sidearch a{
list-style-type: none;
margin: 0;
padding: 0 0px;
color:#FFFFFF;
}
.sidearch a:hover{
list-style-type: none;
margin: 0;
padding: 0 0px;
color:#FFFFFF;
text-decoration: none;
}


/*CONTACT PAGE*/
#contactpage {
margin-top: 55px;
float: right;
width:570px;
}


/* menu galerie*/
#navcontainergal ul{
margin-top:0px;
padding-left: 0px;
margin-left: 0px;
background-color: #00abea;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainergal ul li { display: inline; }

#navcontainergal ul li a
{
margin-left: 0px;
padding: 0.2em 1em;
background-color: #00abea;
color: White;
text-decoration: none;
float: left;
border-right: 10px solid #fff;
font-weight:bold;
}

#navcontainergal ul li a:hover
{
color: #FFFFFF;
background-color: #ffce52;

}


#galerie {
width: 520px;
margin-left:auto;
margin-bottom: 20px;
margin-right:auto;
font-size: 1em;
/*color: #00abea;*/
}

.galerie img {
display: block;
border: none;
margin-left: auto;
margin-right: auto;   
display: inline;
}


.linkcat {
margin-left: 0px;

}

.linkcat img{
margin-left: 3px;
margin-top: 5px;
padding:5px 5px 5px 5px;
border:2px solid #FFFFFF;
background-color:#ffce52;
}
.linkcat img:hover{
border:2px solid #FFFFFF;
background-color:#ffb2be;
}
.linkcat li {
color:#FFFFFF;
}
.linkcat li:hover {
color:#330000;
}
.linkcat h2 {
margin-left: 0px;
}

.flashmovie {
margin: 1em 10px;
text-align:center;

}

.flashmovie2 {
margin: 1em 10px;
text-align:center;
display:inline;
}

#titreban {
font-size: 13px;
font-weight: bold;
width: 800px;
padding-left:10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #00abea;
color:#FFFFFF;
}
.retourban {
text-align:right;
font-size: 10px;
display:inline;
}


.retourban a {
color: #FFFFFF;
}
.retourban a:hover {
text-decoration:none;
}


.widget { 
	width: 150px ;
    background:  url(images/rounded_bottom.jpg) no-repeat bottom left; 
	background-color: #00abea ;
    padding-bottom: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	
	
	
} 
 
.widgettitle { 
	background: url(images/rounded_top.jpg) no-repeat top left; 
    /*padding: 10px 0px 0 0px;  
	margin-left: 0px */
	
	
} 
 
.widget ul { 
 margin: 5px 0px 0px 5px; 
    list-style:
	
}

.widget h2 { 
	padding-top: 10px;
}

.widget img{
margin-right:2px;
margin-bottom:0px;
margin-left: 2px;
margin-top: 5px;
padding: 5px 5px 5px 5px;
border: 2px solid #FFFFFF;
background-color:#ffce52;

}
.widget img:hover{
border:2px solid #FFFFFF;
background-color:#ffb2be;
}
.widget li {
/*padding: 0px 0px 0px 10px;*/
display: block;
border: none;
margin-left: auto;
margin-right: auto;   
display: inline;
color:#FFFFFF;
}
.widget li:hover {
/*padding: 0px 0px 0px 10px;*/

color:#330000;
}