/*  
Theme Name: daweed.info
Theme URI: http://www.daweed.info
Description: le theme du site daweed.info
Version: 2.0
Author: David Guillemin
Author URI: http://daweed.info/


*/

/*la reinitialisation de la page------------------------------------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*FIN DE LA REINIT ----------------------------------------------------------------------------------------------------*/
/*INTERFACE-------------------------------------------------------------------------------------------------------------*/

body 
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:"Trebuchet MS", Helvetica, sans-serif;	
	text-align: center;
}

#page 
{

}

#header
{
	width:100%;
	height:135px;
	background-image:URL(images/header_bg.jpg);
	background-repeat:repeat-x;
	
}
#contenaire
{
	width:800px;
	position: relative;
	margin:20px auto 0 auto;  
	text-align:left;
}
#logo_header
{
	width:800px;
	position: relative;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	
}


#content 
{
	width:540px;
	margin:0 0 0 260px;
}

*html #content
{
	margin:0 0 0 255px;

	
}

#sidebar
{
	width:240px;
	background-image:URL(images/bloc_sidebar_bg.jpg);
	background-repeat:no-repeat;
	float:left;

}

#footer 
{
width:100%;	
}

/*LE FIL D'ARIANE-------------------------------------------------------*/
#ariane
{	
	position:absolute;
	 left: 50%;     
     width: 800px;  
     margin-left: -400px; 
	 top:120px;
	 text-align:left;
}
#ariane p
{
	margin:0 0 0 260px;
}

#ariane a:link ,  #ariane a:visited
{
	color:#000;
	text-decoration:none;
}

#ariane a:active ,  #ariane a:hover
{
	color:#7389ae;	
	text-decoration:underline;
}
/*LA SIDEBAR---------------------------------------------------------------------------------------------------*/
#sidebar .bloc_contenaire
{
margin:30px 20px 0 30px;
}			


#sidebar h1
{
	display:block;
	width:100%;
	font-size:16px;
	text-align:right;
	color:#4c4c4c;
	border-bottom:1px solid #4c4c4c;
	margin:0 0 15px 0;
}
#sidebar p
{
	font-size:11px;
	color:#4c4c4c;
	font-weight:normal;
	line-height:14px;
	text-align:right;

}
#sidebar ul
{
	margin:20px 0 0 0 ;
	text-align:right;
	border-bottom:1px solid #b2b2b2;
}

#sidebar li
{
	border-top:1px solid #b2b2b2;
	font-size:12px;
	display:block;
	height:20px;
	line-height:20px;
	width:100%;
}

#sidebar li a 
{
	display:block;
	height:20px;
	line-height:20px;
	width:100%;
	color:#7389ae;
	background-color:#fff;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:bold;

}

#sidebar li a:hover 
{
	color:#fff;
	/*background-color:#AF0601;*/
	background-color:#303030;


}
#sidebar li a.current
{
	color:#7389ae;
}
#sidebar input
{
	width:100%;
	text-align:right;
	color:#4c4c4c;
}
/*le footer--------------------------------------------------------------------------------------------------*/

#bg_footer
{
	background-image:URL(images/bg_footer.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:30px;
	margin:20px 0 0 0;
}
#footer_background_motif{
	clear:both;
	width:100%;
	height:50px;
	background-image:URL(images/footer_motif_bg.jpg);
	background-repeat:repeat-x;
	
}
#contenu_footer
{
	width:800px;
	position: relative;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
}

.colonne_footer
{
	width:220px;
	float:left;
}
.colonne_footer_middle
{
	width:220px;
	float:left;
	margin:0 70px;
}

.colonne_footer_middle a:link ,.colonne_footer_middle a:visited {
text-decoration:none;
color:#515151;
}
.colonne_footer_middle a:active , .colonne_footer_middle  a:hover
{
		color:#AF0601;
		text-decoration:none;
}

.onglet_footer
{
	position:relative;
	top:-1px;
	width:220px;
	height:65px;
	background-image:URL(images/onglet_footer.jpg)
}
.onglet_footer p
{
	color:#fff;
	font-variant:small-caps;
	font-size:14px;
	padding-top:15px;
	text-align:center;
	font-weight:bold;	
}
.colonne_footer  ul {
font-size:14px;
margin:10px 0;
border-bottom:1px solid #b2b2b2;
}
.colonne_footer  ul li{
border-top:1px solid #b2b2b2;
	display:block;
	height:20px;
	text-align:center;
}
.colonne_footer a:link ,.colonne_footer ul li a:visited {
display:block;
	color:#000;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	width:100%;
}
.colonne_footer a:active ,.colonne_footer ul li a:hover {
	background-color:#AF0601;
	color:#fff;
	
}
.sep_footer_p{
	display:block;
	width:100%;
	height:1px;
	border-top:1px solid #b2b2b2;
	margin:0;
	padding:0;
	background-color:#fff;
}
.img_footer_float{
float:left; 
margin:0 5px 0 0;
}
#wordpress{
color:#333333;
}
#wordpress a:link ,.#wordpress:visited {
color:#333333;
}
#wordpress a:active ,#wordpress a:hover {
	color:#515151;
}
#footer_background_motif p{
color:#FFFFFF;
text-align:right;
position:relative;
top:30px;
right:10px;
}
#footer_background_motif a:link ,#footer_background_motif a:visited {
color:#FFFFFF;
text-decoration:none;
}
#footer_background_motif ,#footer_background_motif a:hover {
	color:#FFFFFF;
	text-decoration:none;
	
}
/*POST------------------------------------------------------------------------------------------------------------*/

.post{
margin:0 0 40px 0;

}

.post .picto_date
{
width:54px;
height:52px;
background-image:URL(images/picto_date.jpg);
float:left;
margin:0 5px 0 0;
}
.post .picto_date p
{
	position:relative;
	top:12px;
	left:19px;
	color:#fff;
	width:20px;
	text-align:center;
}


.post h3  a:link ,  .post h3 a:visited
{
	position:relative;
	top:10px;
	text-decoration:underline;
	color:#AF0601;
	font-size:20px;
	font-weight:bold;
	font-variant:small-caps;
	
}

.post h3 a:active ,  .post h3  a:hover
{
color:#000;
	
	
}
.post h4 
{
margin:15px 0 15px 0;
color:#4c4c4c;
}

.post h4 a:link ,  .post h4 a:visited
{
	text-decoration:none;
	color:#7389ae;
	border-bottom:1px dashed #7389ae;
	
}

.post h4 a:active ,  .post h4  a:hover
{
	background-color:#7389ae;
	color:#fff;
	border:0;
	
}
.entry_dvb img{
	margin:5px;
	background-color:#fff;
}
.entry_dvb{

	margin:10px 0 0 5px;
	font-size:12px;
	color:#4c4c4c;
	font-weight:normal;
	line-height:20px;
}
.entry_dvb a{
	/*display:block;*/
}

.entry_dvb a:link ,  .entry_dvb a:visited
{
	text-decoration:none;
	color:#7389ae;
	border-bottom:1px dashed #7389ae;
	
}

.entry_dvb a:active ,  .entry_dvb  a:hover
{
	background-color:#7389ae;
	color:#fff;
	border:0;
	
}

.entry_dvb strong,.entry_dvb b{
	color:#7389ae;
	font-weight:900;
}
.entry_dvb h1{
font-size:14px;
text-decoration:underline;
font-weight:bold;
color:#7389ae;
margin:20px 0 10px 0;
font-variant:small-caps;
}

.entry_dvb h2{
font-size:14px;
text-decoration:underline;
font-weight:bold;
color:#7389ae;
margin:20px 0 10px 0;
font-variant:small-caps;
}
.entry_dvb h3{

}
.entry_dvb ul li{
	list-style-image:URL(images/picto_li.jpg);
	margin:0 5px 0 20px;
}

.align_left{
float:left;
margin:0 10px 0 0;
}
.align_right{
float:right;
margin:0 0 0 10px;
}
.more-link{	margin:10px 0;}
/*navigation*/
.navigation{
	display:block;
	text-align:center;
	color:#4c4c4c;
	font-size:12px;
}
.navigation span{
	color:#7389ae;
	border:1px solid #7389ae;
	font-size:14px;
	padding:0 3px;
	margin:0 5px;
	display:inline-block;
}

.navigation  a:link ,  .navigation  a:visited
{
	text-decoration:none;
	color:#4c4c4c;
	border:1px solid #4c4c4c;
	margin:0 5px;
	font-size:14px;
	padding:0 3px;
	display:inline-block;

	
}

.navigation  a:active ,  .navigation   a:hover
{
	background-color:#4c4c4c;
	color:#fff;
		
}

/*GENERIQUE--------------------------------------------------------------------------------------------------*/
.clearring{
	width:100%;
	clear:both;
	height: 1px;
	visibility:hidden;
}
.clearring hr 
{
	display:none;
}
.pictoCompatibility{
position:relative;
top:8px;
}
/*LES COMMENTAIRES -----------------------------------------------------------------------------------------------*/
.Commentaires
{
	margin:30px 0 0 0;
}
.Commentaires h3{
	color:#7389ae;
	font-size:16px;
	position:relative;
	font-variant:small-caps;
	top:10px;
	font-weight:bold;
}
.sep_commentaires
{
	width:100%;
	height:7px;
	background-image:URL(images/sep_comment.jpg);
	background-repeat:repeat-x;
	margin:10px 0;
}
.monCommentaire .pictoNumber
{
	background-image:URL(images/picto_comments.jpg);
	width:25px;
	height:25px;
	float:left;
	margin:0 5px 0 0;
	position:relative;
	top:-2px;
}
.monCommentaire  .pictoNumber span{
	color:#fff;
	position:relative;
	top:2px;
	left:9px;
	display:block;
	width:20px;
	height:20px;

}
.entete_comment{
height:25px;
width:100%;
margin:20px 0 5px 0;
color:#a4a4a4;
}

.auteur_comment a:link ,  .auteur_comment a:visited
{
	text-decoration:none;	
}
.auteur_comment a:active ,  .auteur_comment  a:hover
{
	text-decoration:underline;	
}
.gris_coment_detail
{
	color:#515151;
}
.reply_comment{
margin:30px 0 0 0;
width:100%;

}

.reply_comment label{
font-size:12px;
font-variant:small-caps;
color:#7389ae;
font-weight:bold;
}
.reply_left{
width:220px;
float:left;
}
.reply_left input{
width:100%;
border:1px solid #515151;
margin:0 0 15px 0;
padding:2px;
color:#515151;
}
.reply__right{
width:250px;
margin: 0 0 0 270px;
}

.reply__right textarea{
width:100%;
border:1px solid #515151;
margin:0 0 15px 0;
padding:2px;
color:#515151;
height:130px;
}
input.valider_commentaire {
margin:10px 0 0 320px;
border:2px outset #4c4c4c;
background-color:white;
color:#4c4c4c;
font-weight:bold;
cursor:pointer;
}
*html input.valider_commentaire {
margin:10px 0 0 300px;
border:2px solid #4c4c4c;
}
input.valider_commentaire:hover {
background-color:#7389ae;
color:#fff;
border:2px outset #7389ae;
font-weight:bold;

}
input.valider_commentaire:active {
background-color:#7389ae;
color:#fff;
border:2px outset #7389ae;
font-weight:bold;

} 



/*LA RECHERCHE -------------------------------------------------------------------------------------------------------*/
#recherche h1{
	color:#a4a4a4;
	font-size:24px;
	font-weight:bold;
	font-variant:small-caps;
	
	}
	.sep_recherche
{
	width:100%;
	height:7px;
	background-image:URL(images/sep_comment.jpg);
	background-repeat:repeat-x;
	margin:0;
}
#recherche h3  a:link ,  #recherche h3 a:visited
{
	position:relative;
	top:10px;
	color:#7389ae;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	
}

#recherche h3 a:active ,  #recherche h3  a:hover
{
	color:#4c4c4c;
	
}
#recherche h4 
{
margin:15px 0 15px 0;
color:#4c4c4c;
}

#recherche h4 a:link ,  #recherche h4 a:visited
{
	text-decoration:none;
	color:#7389ae;
	border-bottom:1px dashed #7389ae;
	
}

#recherche h4 a:active ,  #recherche h4  a:hover
{
		background-color:#7389ae;
	color:#fff;
	border:0;
	
}
/*toolsTips*/
.tool-tip {
	color: #fff;
	width: 201px;
	background: url(images/bubble.png) top left;
	z-index: 13000;
	height:69px;
}
*html .tool-tip {
	background: url(images/bubble.gif) top left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
/**************************************************
Plan du site 
*/
#planSite ul{
margin:0px 0 20px 0;
}
#planSite ul li ul li{
	 list-style-type:none;
}
/*********************************************************
Contact FORM
*/
#contactForm .wpcf7-validates-as-required{
width:200px;
}
#contactForm .wwpcf7-validates-as-email{
width:200px;
}
#contactForm input{
width:100%;
}
#contactForm textarea{
height:200px;
width:100%;
}
#contactForm  .wpcf7-response-output{
border:0;
}
#contactForm   .submitThis{
width:200px;
}