/*
Theme Name: Theme Forcemat
Theme URI: http://forcemat-reseau.fr/
Description: Theme developpe pour le site forcemat
Version: 1.6
Author: Marc Bourhis, adapte a wordpress par Axiprod (Mikael Meausoone, Nicolas Viel)
Author URI: http://www.agence-karabine.com, http://www.axiprod.fr

	Forcemat v1
	http://www.axiprod.fr

	Theme developpe pour le site forcemat
	Visuel cree par Marc Bourhis,
	adapte a wordpress par Axiprod (Mikael Meausoone, Nicolas Viel)

*/




/* Quelques réglages et outils */


p, h1, h2, h3, h4, h5, h6, div, /*label, input,
textarea, legend, fieldset,*/ table, tr, td,
ul, ol, li, dt, dl, dd, img, form {
    margin     : 0;
    padding    : 0;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
    font-size  : 12px;
    font-weight : normal;
}

img {
  border : 0;
}

html {
  overflow-x : auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
  text-align : center;
  padding    : 0 0 1em 0;
  margin     : 0;
}

.spacer {
    float : left;
    clear : both;
    width : 100%;
    height : 0;
    margin: 0;
    padding: 0;
}


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

a:hover {
    text-decoration : underline;
}


p a {
    text-decoration : underline;
}


h1 {
    display : block;
    width : 100%;
    text-align : center;
    clear : both;
    color : #196A8D;
    font-size : 1em;
    text-transform : uppercase;
    margin : .4em 0 1em 0;
    padding : .8em 0;
    font-weight : bold;
    background : #D2EAF6 url(img/gabarit/grand_titre_bg.jpg) bottom center no-repeat;
}


h2 {
    display : block;
    clear : both;
    font-size : 1em;
    color : #F68B1E;
    font-weight : bold;
    background : url(img/gabarit/fleche_orange.gif) center left no-repeat;
    padding : 1em 0 .6em 12px;
}



h3 {
    display : block;
    width : 100%;
    clear : both;
    font-size : 1em;
    color : #196A8D;
    font-weight : bold;
}



ul, ol {
    display : block;
    clear : both;
    width : 100%;
    overflow : hidden;
    list-style-type : none;
}


div {
    display : block;
    width : 100%;
    overflow : hidden;
}


p {
    display : block;
    width : 100%;
    clear : both;
    margin : 0;
    padding : .4em 0;
    overflow : hidden;
    font-size : .9em;
    color : #091F28;
}


p.bleu {
    color : #196A8D;
}

p.noir {
    color : #091F28;
}



/**
 * Liste à puce classique
 */

ul.classique {
    margin : 0;
    padding : .6em 0 1em 2em;
}

ul.classique li {
    background : url(img/gabarit/puce_carre_noir.gif) center left no-repeat;
    color : #091F28;
    margin : 0;
    padding : 0 0 0 9px;
    font-size : .9em;
}


ul.classique li a {
    text-decoration : underline;
}


/* Description de la page */

#bande-orange {
    position : absolute;
    top : 0;
    left : 60%;
    background : #F68B1E;
    width : 50%;
    height : 75px;
    z-index : 0;
}



#bande-bleu {
    position : absolute;
    top : 91px;
    left : 0;
    background : #196A8D;
    width : 50%;
    height : 21px;
    z-index : 0;
}


#bande-pointilles {
    position : absolute;
    top : 130px;
    left : 0;
    background : url(img/gabarit/fil_ariane_bg.gif) top left repeat-x;
    width : 50%;
    height : 37px;
    z-index : 0;
}




#corps-page {
    position : relative;
    top : 0;
    left : 0;
    width : 963px;
    margin : 0 auto 0 auto;
    text-align : left;
    background : #fff url(img/gabarit/fond_motif.gif) 102px 92px no-repeat;
    z-index : 100;
}




/* ------------------ Tetiere -------------------- */

#tetiere {
    position : relative;
    height : 75px;
    background : #F68B1E url(img/gabarit/logo3.gif) top left no-repeat;
    margin-bottom : 16px;
}
/*
#tetiere a {
    position : relative;
    display : block;
    width : 100%;
    height : 20px;
    background : url(img/gabarit/tetiere_reflet.gif) 100% 0 no-repeat;
}*/

#tetiere a.logo-forcemat {
    position : absolute;
    bottom : 5px;
    right : 120px;
    display : block;
    width : 116px;
    height : 40px;
    background : transparent;
    z-index : 10;
}


#tetiere div.reflet {
    position : relative;
    display : block;
    width : 100%;
    height : 20px;
    background : url(img/gabarit/tetiere_reflet.gif) 100% 0 no-repeat;
}



#rechercher-tetiere {
    float : left;
    position : absolute;
    width : 174px;
    bottom : 4px;
    right : 0;
}

.rechercher-saisie {
    float : left;
    background : #fff;
    border : none;
    width : 125px;
    height : 12px;
    padding : 2px 0 2px 4px;
    margin : 0 4px 0 0;
    color : #8CB4C6;
    font-size : .9em;
}

.rechercher-ok {
    float : left;
    background : url(img/gabarit/fleche_rechercher_ok.gif) top left no-repeat;
    border : none;
    color : #fff;
    width : 31px;
    padding : 0 0 0 10px;
    margin : 0;
    line-height : 16px;
    font-size : .9em;
}


#blog-description {
	position : absolute;
	top : 1px;
	left : 25px;
	width : 790px;
	background : transparent;
}

#blog-description h1 {
	display : block;
	clear : both;
   font-size: 1.7em;
   background : transparent;
   padding : 8px 0 0 0;
   margin : 0;
   text-align : left;
}

#blog-description h1 a {
   display : block;
   clear : both;
   background : transparent;
}

#blog-description p {
   display : block;
   clear : both;
   width : 88%;
	text-align : left;
	font-size: 1em;
	font-weight : bold;
   background : transparent;
   line-height : 120%;
}



/* ------------------ Visuel du menu principal -------------------- */

#menu-principal {
    padding : 0;
    margin : 2px 0 0 0;
}

#menu-principal ul {
    width : 100%;
    padding : 0;
    margin : 0;
}

#menu-principal li {
    float : left;
    width : auto;
    clear : none;
    padding : 0;
    margin : 0;
    height : 21px;
}

#menu-principal a {
    float : left;
    width : auto;
    line-height : 21px;

    color : #196A8D;
    background : url(img/gabarit/menu_principal_separation.gif) top right no-repeat;
    padding : 0 8px 0 8px;
    margin : 0;
}

#menu-principal li.actif {

}

#menu-principal li.accueil {
    background : #196A8D url(img/gabarit/menu_principal_fleche.gif) 60px 50% no-repeat;
    color : #fff;
    padding-left : 62px;
    font-weight : bold;
}

#menu-principal li.accueil a {
    color : #fff;
}



/* ------------------ Fil d'ariane -------------------- */

#fil-ariane {
    float : left;
    clear : both;
    border : none;
    width : auto;
    margin : 1.5em 0 2em 0;
    padding : 0;
    background : url(img/gabarit/fil_ariane_fleche.gif) center left no-repeat;
}

#fil-ariane ul {
    float : left;
    width : auto;
    padding : 0 0 0 15px;
    margin : 0;
    background : url(img/gabarit/fil_ariane_bg.gif) top left repeat-x;
}

#fil-ariane li {
    float : left;
    width : auto;
}

#fil-ariane span,
#fil-ariane a {
    float : none;
    display : inline;
    width : auto;
    line-height : 37px;
    color : #F68B1E;
}

#fil-ariane strong {
    /*padding : 0 4px 0 4px;*/
    line-height : 37px;
}
/*
#fil-ariane span {
    padding : 0 4px 0 4px;
}


#fil-ariane li.actif a {
    font-weight : bold;
}
*/

#fil-ariane li.fin-fil-ariane {
    float : left;
    width : 50px;
    height : 37px;
    background : url(img/gabarit/fil_ariane_bout.gif) top right no-repeat;
}


/* ------------------ structure du contenu -------------------- */

#conteneur-colonnes {
    clear : both;
    overflow : visible;
}


#contenu-page {
    position : relative;
    float : left;
    width : 599px;
    padding : 0 10px;
    margin : -15px 0 0 0;
    background : url(img/gabarit/cold_ombre.jpg) 100% 60px no-repeat;
}


#colonne-gauche {
    position : relative;
    float : left;
    width : 167px;
    background : url(img/gabarit/colg_ombre.jpg) 100% 40px no-repeat;
    padding-right : 7px;
    overflow : visible;
}




/* ------------------ Détail du contenu de gauche -------------------- */

#colonne-gauche ul {
	width : 90%;
	padding-left : 1em;
}

#colonne-gauche li {
    color : #196A8D;
    font-size : .9em;
    padding : .3em 0;
    width : 98%;
}

#colonne-gauche li a {
    color : #196A8D;
    font-size : 1em;
    line-height : 120%;
}

#colonne-gauche h3 {
    padding-left : 25px;
    padding-top : .5em;
    margin : 0 0 .5em 0;
    background : url(img/gabarit/colg_puce_h3.gif) 5px 5px no-repeat;
    height : 1.5em;
}


#colonne-gauche p {
    width : 90%;
    color : #196A8D;
    font-size : .85em;
    line-height : 110%;
    padding : .4em 5%;
}


/**
 * Cadre générique
 */
#colonne-gauche .cadre {
    float : left;
    width : 167px;
    overflow : hidden;
    background : #EFEFEF url(img/gabarit/colg_cadre_reflet.gif) top left no-repeat;
    margin : 1em 0 0 0;
}



#colonne-gauche .sans-reflet {
    background-image : none;
}

/* ------------------ Colonne de droite -------------------- */


#colonne-droite {
    float : left;
    width : 170px;
    /*background : url(img/gabarit/lien_perso_top.gif) top left no-repeat;*/
    padding : 0;
}



#colonne-droite .cadre {
    width : 99%;
    background : #D2EEFB url(img/gabarit/cold_reflet.gif) top left no-repeat;
    padding : .5em 0 1em 0;
    margin-bottom : 5px;
}

#colonne-droite .cadre div {
	padding : 0 0 0 1px;
}

#colonne-droite .cadre h3 {
	width : 90%;
	line-height : 120%;
	padding-bottom : 4px;
	padding-left : 12px;
}

#colonne-droite .cadre h3 a {
    font-weight : bold;
    font-size : 1em;
    background : url(img/gabarit/fleche_bleu.gif) center left no-repeat;
    padding-left : 15px;
    line-height : 120%;
}

#colonne-droite .cadre a {
    color : #196A8D;
    font-size : 1em;
}

#colonne-droite .cadre ul {
    padding : 2px 0 0 12px;
}

#colonne-droite .cadre li {
    color : #196A8D;
    font-size : .85em;
    padding : .3em 0;
    line-height : 120%;
   width : 90%;
}


/* ------------------ Pied de page -------------------- */

#pied-de-page {
    clear : both;
    height : 74px;
    background : #D2EAF6 url(img/gabarit/pied_de_page_pointille.gif) top left repeat-x;
}


#pied-de-page p {
    width : 90%;
    padding : 3px 10px 0 120px;
    line-height : 38px;
    background : transparent url(img/gabarit/logo_forcemat.gif) 10px 10px no-repeat;
    font-size : .8em;
}

#pied-de-page p.wordpress-infos {
	background : none;
   width : 90%;
   padding : 5px 0 0 10px;
   text-align : left;
   color : #777;
   line-height : 120%;
}

#pied-de-page a {
    float : left;
    width : auto;
    color : #5E6B72;
}

#pied-de-page p.wordpress-infos a {
   display : inline;
   float : none;
   clear : none;
}

#pied-de-page span {
    float : left;
    width : auto;
    color : #5E6B72;
    padding : 0 .3em 0 .3em;
}


/* ------------------ Calendrier -------------------- */


#wp-calendar {

}

#wp-calendar table caption,
#wp-calendar table caption a {
   color : #196A8D;
   font-weight : bold;
}

#prev a,
#next a {
   color : #196A8D;
}



/* ------------------ Habillage des contenus -------------------- */

#content {
   display : block;
   clear : both;
   width : 100%;
   padding : 0;
   margin : 0;
}

.post {
	display : block;
	clear : both;
	width : 100%;
   padding : 0 0 6px 0;
   background : transparent url(img/ombre_bas.gif) bottom center no-repeat;
   margin : 0 0 1.5em 0;
}

.detail {
	margin : 0;
	background : transparent;
}

.post h2 {
   display : block;
   clear : both;
   width : 100%;
   padding : 2px 0 4px 8px;
   margin : 0;
   font-size : 1.1em;
   letter-spacing : normal;
   /*background : #F68B1E url(img/gabarit/en_savoir_plus_reflet.gif) top left repeat-x;*/
   background : #196A8D url(img/gabarit/fond-h2.gif) 0 -3px repeat-x;
   color : #fff;
}

.post h2 a {
   color : #fff;
   background : url(img/gabarit/fleche_h2.gif) 0 7px no-repeat;
   padding : 4px 0 4px 8px;
}

.post span.post-header {
   display : block;
   clear : both;
   width : 100%;
   color : #d0d0d0;
   /*color : #fff;*/
   font-weight : normal;
   font-size : .7em;
   padding : 0 0 0 4px;
   margin : 0;

}

.post span.post-header a {
   color : #d0d0d0;
   text-decoration : underline;
   background : transparent;
   padding : 0;
}

.post span.post-header a.comments-link {
   display : block;
   clear : both;
   width : 96%;
   padding : 0;
   margin : 0;
   text-align : right;
   font-weight : bold !important;
   text-decoration : none;
   font-size : 1.2em;
}

.post span.post-header a.comments-link:hover { text-decoration : underline; }
	
.post div.entry {
   display : block;
   clear : both;
   width : 97%;
   padding : 1em 0 1em 3%;
   margin : 0;
   background : #f2f2f2;
}


.post p.postmetadata {

}

p.infos-post {
	width : 95%;
	border-bottom : 1px solid #d0d0d0;
	padding : 1em 0 1em 1.5em;
	margin : 0 0 1.5em 0;
}


div.navigation {

}

.alignleft,
.alignright
 {
   float : right;
   width : auto;
   clear : none;
   font-size : .8em;
}

.alignleft {
	float : left;
}


/* ------------------ Habillage des commentaires -------------------- */

#commentaires {
   display : block;
   clear : both;
   width : 95%;
   padding : 1em 0 1em 1.5em;
   margin : 0;
}

#commentaires h3.respond {
	margin : 2em 0 0 0;
}


#commentform p {
   display : block;
   clear : both;
   width : 100%;
   margin : 0;
   padding : 1em 0 0 0;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


#commentform p {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform p.champ-texte input {
	float : left;
	width : 150px;
	clear : none;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform p.champ-texte label {
   float : left;
   width : 150px;
   clear : none;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform p.champ-texte textarea {
	display : block;
   float : none;
   width : 90%;
   clear : both;
   font-size : 1em;
   padding : 2px;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


ol.commentlist {

}

ol.commentlist li {
   display : block;
   float : none;
   width : 90%;
   clear : both;
   border-bottom : 1px solid #d0d0d0;
   padding : 1em 0 1em 0;
}

ol.commentlist li.alt {

}

ol.commentlist li p {
   display : block;
   float : none;
   width : 90%;
   clear : both;
}

ol.commentlist li p.entete {

}

ol.commentlist li p.entete a {
	text-decoration : none;
	color : #196A8D;
}

ol.commentlist li p.entete a:active,
ol.commentlist li p.entete a:hover {
   text-decoration : underline;
}

ol.commentlist li p.entete cite {
	font-style : normal;
	font-weight : bold;
}

ol.commentlist li p.pied {
   color : #777;
}