@charset "iso-8859-1";
/* ie6 / ie7 / firefox /  validés
 * structure :
 * - ban : absolu
 *		- top
 *		- footer
 * 	- entete : 850 px relative
    - page : 850px relative
 *		- main 490px float left
 *			- content 468px 
        - espacement 10px crée par les float 
 *		- sidebar 350px float right
 *			- sidebar1 200px float left : 
                - bloc de 178px	(contour + padding)
 *			- espacement 10 px crée par les float 
            - sidebar2 140px float right : 
			    - bloc de 128px (contour + padding)
 ***************************************/

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background : #ffffff url(img/bg-noir.gif) repeat-x top left;
	font-size: 0.7em;
	color: #000000;
	/* text-align: center; */
}

.typorouge {
  color: #fd1206;
}


h1{
	font-size: 1.5em;
	color: #FC043E;
}

/*titre bloc */h2{
	font-size: 1.2em;
	color: #ff8813;
}
/*titre secondaire */ h3{
	font-size: 1.3em;
	color: #444444;
}
/*titre article */h4{
	font-size: 1.5em;
	color: #ff0155;
	margin: 5px 0 5px 0;
}

h5{
	font-size: 1.1em;
	color: #ff8813;
}
h6{
	font-size: 1em;
	color: #FC043E;
}

a{
	color: #646464;
	text-decoration: none; 
	
}

a:visited{
	color: #646464;
	text-decoration: none;
}

a:active{
	color: #838383;
	text-decoration: none;
}

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

code{
  border: 1px solid #CCC;
  background: #AFAFAF;
  overflow: auto;
}
/* pre : Cette balise sert à afficher le texte tel qu'il a été tapé, les espaces, les tabulations et les retours chariot sont respectés avec une police à pas fixe.*/
pre {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	width: 100%;
	overflow: auto;
	border: 0px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	font-size: 100%;
}
legend {
   font-size: 120%;
}


.field label{
	display: block;
}
/* champs général*/
input,textarea{
	border: 1px solid #333333;
	background: #AFAFAF;
	color: #000000;
}
input:hover,textarea:hover{
	background: #ffffff;
	color: #000000;
}
textarea{
	width: 100%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

/* Balise pour Internet Explorer*/
textarea{
	width: 98%;
}

.submit{
	background: #ff8813;
	color: #000000;
	margin: 0 2px 2px 0px;
	border-color: #333333;
}
.submit:hover{
	color: #000000;
}

.preview{
	background: #EAEAEA;
	color: #4b4d4b;
	margin: 2px 2px 2px 0px;
	border-color: #FC043E;
}

.preview:hover{
	color: #DC143C;
}




/* Conteneur G 
****************************************/
#conteneur-g {
  width: 900px;
  height: 100%;
  position: relative;
  margin-left:auto;
  margin-right:auto;
  background-image: url(img/bg-content.jpg);
  background-repeat: repeat-x;

}

/* Entete 
****************************************/

#entete{
	width: 900px;
	height: 189px;
	position: relative;
	margin-left:auto;
    margin-right:auto;
	margin-top: 0px;
	
}

#menucontent {
    width: 900px;
	height: 40px;
	position: relative;
	margin-left:auto;
    margin-right:auto;
	background: #bbfc3d;  
	border: solid 0px #717471;
}


/*  menu horizontal   */
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu li {
position : relative;
float: left;
margin: 0;
padding: 0;

}

.menubt {
width: 137px; 
height: 40px;
line-height : 16px;
display: block;
text-align: center;
text-decoration: none;

}
a.menubt {
color: #000000;
background-image: url(img/btn-fond.jpg);
background-repeat: no-repeat;
}
a.menubt:hover {
color: #000000;
font-weight: bold;
background-image: url(img/btn-fond-over.jpg);
background-repeat: no-repeat; 
}
/*  fin menu horizontal   */
li#dernierli a {
background-image: url(img/btn-fond-dernier.jpg);
}
li#dernierli a:hover {
background-image: url(img/btn-fond-dernier-over.jpg);
}

 /* _______________pages connexes - active menu_____________  */	   
.menubtactive {
width: 137px; 
height: 40px;
line-height : 16px;
display: block;
text-align: center;
text-decoration: none;

}
a.menubtactive,a.menubtactive:hover {
     color: #000000;
	 font-weight: bold;
     background-image: url(img/btn-fond-over.jpg); /* source de l'image d'arrivée */
	 background-repeat: no-repeat;
}


/* Page 
****************************************/
#page{
	width: 900px;
	height: 100%;
	position: relative;
	margin-left:auto;
    margin-right:auto;
	margin-top : 30px;
}

/* Main *****/
#main{
	width: 640px;
	height: ;
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#main div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Content , les borders et padding augmentent la largeur de la boite*/
#content{
	width: 618px;
	
	margin: 0;
	padding: 10px 10px 5px 10px;
	border: solid 1px #717471;
	background: none;
}
#content a { 
  border-bottom:1px dashed #ff8813;
}
#content a:hover {
  text-decoration: none; 
  color: #000000; 
}
/* Balise pour Internet Explorer*/
* html #content{
	margin: 0px 0px 0px 0px;
}



.imgleft {
  position: relative;
  float: left;
}
.catimage { /* images des catégories et utilisateur */
  border:0; 
}

.post img {
 padding: 0 10px 0 0;

}

.post-title{
	color: #ff8813;
}

.post-title a{
	color: #ff8813;
}

.post-title a:visited{
	color: #ff8813;
}

.post-title a:active{
	color: #ff8813;
}

.post-title a:hover{
	color: #000000;
}

.post-info{
	margin: 0;
	color: #828282;
	padding-bottom: 9px;
}

.post-content{
	text-align: justify;
}

.post-content blockquote{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.post-info-co{
	/* text-align: right;*/
	padding: 0;
	margin: 0;
}

.comment-info {
  padding-top: 0; /*margin et padding pour tous les navigateurs */
  margin-top: 0;

}



#trackbacks blockquote, #comments blockquote{
	border: 1px solid #FC043E;
	background: #EAEAEA;
	margin: 1em 0;
	padding: 1ex 1em;
}

/* Sidebar *****/
#sidebar{
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2 {
	color: #000000;
	margin: 0 0 0 10px;
	text-align: leftt;
}

#sidebar h3{
    color: #000000;
	font-size: 1em;
	margin: 5px 0 3px 0;
}

.entetesidebar {
  width: 199px;
  height: 75px;
 
  background: url(img/logo01.gif) no-repeat top center; 
}

/* Sidebar 1 */
#sidebar1{
	width: 199px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}

/* Calendar */
#calendar{
	width: 178px;
	height: 130px;
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;	
	border: solid 1px #717471;
	color: #838383;
}
#calendar a{
	color: #ff8813;
	
}

#main div#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
}

#main div#calendar table caption{
	margin: 0 auto;
}

#main div#calendar table th{
	color: #FC043E;
	background: transparent;
}

#main div#calendar table td{
	width: 1.2em;
	line-height: 1.2em;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #666666;
}

#main div#calendar table td a{
	display: block;
	background: #EAEAEA;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#main div#calendar table td a:hover{
	color: #fbc402;
}  

/* newsletter */
#newsletter{ 
	width: 178px;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #ffffff url(img/bg-titre-bloc-01.gif) no-repeat top left;
	border: solid 0px #717471;
	color: #717471;
	
}
h4#newsletter  {
    font-size: 1.2em;
	color: #ff8813;
}
#email{
	width: 130px;
	padding-left: 5px;
	margin: 0px 5px 0px 0px;
	background: #eaeaea;
}
#email:hover{
    background: #ffffff;
} 
#subscribe{
  width: 25px;
  padding: 0 0 0 0;	
  background: #ffffff;
  color: #000000;
  margin: 0 2px 0px 0px;
  border-color: #333333;
}
#subscribe:hover{
	color: #ff8813;
}
#unsubscribe {
  margin: 5px 0px 0px 5px;
  background: #ffffff;
  border: none;
}
/* fin newsletter */

#categories{
	width: 178px;
	background: #ffffff url(img/bg-titre-bloc-01.gif) no-repeat top left;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 0px #717471;
}
#archives{
	width: 178px;
	background: #ffffff url(img/bg-titre-bloc-01.gif) no-repeat top left;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 0px #717471;
} 

#links{
	width: 178px;
	background: #ffffff url(img/bg-titre-bloc-01.gif) no-repeat top left;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 0px #717471;
}
#links ul li{/* retrait des liens, fonctionne ie6,7 et firefox */
  margin-left: 5px; 
}

/* tags*/ 
#tags {
   width: 178px;
   background: #ffffff url(img/bg-titre-bloc-01.gif) no-repeat top left;   
   margin: 10px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
}




/* Search */
#search{	
	width: 178px;
	background: #ffffff url(img/bg-titre-bloc-01.gif) no-repeat top left;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 0px #717471;
}

#search fieldset, #search p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
 
/* champ search */
#q{
	width: 130px;
	padding-left: 5px;
	margin: 0px 5px 0px 0px;
	background: #eaeaea;
}
#q:hover{
    background: #ffffff;
}  
#ok{
	width: 25px;
	padding: 0 0 0 0;
}	
#ok.submit{
	background: #ffffff;
	color: #000000;
	margin: 0 2px 0px 0px;
	border-color: #333333;
}
#ok.submit:hover{
	color: #ff8813;
}
/* fin Search */	

 /* Footer *****/
#footer{
	width: 178px;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	background: #ffffff;
	border: solid 0px #717471;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	color: #717471;
}
#footer a {
  color: #ff8813;
}
#footer a:hover{
  color: #000000;
}



#recommandation {
    width: 178px;
	height: 50px;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: solid 0px #717471;
	color: #717471;
	font-size: 10px;
	background: url(img/jaime.gif) no-repeat center left; 
}
#recommandation p{
   margin: 8px 0 0 45px;
}


#syndicate{
	width: 178px;
	height: 130px;
	background: #ffffff;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 0px #717471;
} 

/* page contact dans related (courrieleur) */
.error, .success {
   color: #cc0000;
   border: solid 1px #cc0000;
   margin-bottom: 10px;
}  

div.error ul li, div.error p {	  
  padding-left : 10px;
} 

div.error ul li{
 padding-bottom : 10px;
}
div.success p {
 padding-left: 10px;
} 
/* page recommander à un ami dans related (courrieleur) */
a.sendToFriendLink {
  color: #ff0155; 
}
a:hover.sendToFriendLink {
  color: #000000; 
}

/* page connexes en général dans related */
	
.pageconnexe p{
  font-size: 110%;
  margin-top: 0;
  border-bottom: solid 0px #717471;
  clear: both; /* pour contrer les float des images, oblige les p à se positionner les uns sous les autres */
}
.pageconnexe img{
  border: solid 1px #959595;
}
.pageconnexe img:hover {
  border: solid 3px #ff8813;
}
.pageconnexe a { 
  border-bottom:1px dashed #ff8813;
}
.pageconnexe a:hover {
  text-decoration: none; 
  background-color:#ff8813; 
}
.pageconnexe h5{ 
  height: 16px;
  padding : 0 0 0 40px; 
  border-bottom: solid 1px #ff8813;
  background: url(img/icone-debut-para.gif) no-repeat;
  clear: both; /* pour contrer les float des images, oblige les p à se positionner les uns sous les autres */
}
.date {
  color: #ff8813;
}
.legende { 
  color: #959595;
  font-size: 90%;
}
img.macaron {
 border: 0;
 margin: 0;
 padding:0;
}
img.macaron:hover {
 border: 0;
 margin: 0;
}