/*
Theme Name : Creation Thème Wordpress
Theme URI : http://www.arbre-vengeur.fr
Description : Première tentative d'élaboration d'un thème Wordpress pour HARE!
Version : 1.0
Author : Nicolas Etienne
Author URI : http://www.arbre-vengeur.fr

Creation Theme by Nicolas || Site en construction
*/
 

* {
	padding: 0;
	margin: 0;
	}


html  {
margin : 0;
padding : 0;
height : 100%;
width : 100%;
}

img {
  border: 0;
}

img#wpstats{display:none}

  a:link  {
color : #003e5c;
text-decoration : none;
border-bottom-width : 0px;
border-bottom-style : dotted;
cursor: pointer;
}

a:visited {
color : #003e5c;
text-decoration : none;
cursor: pointer;
}

a:hover, a:active {
color : #a80505;
text-decoration : none;
border-bottom-width : 0px;
border-bottom-style : dotted;
cursor: pointer;
} 

li {
list-style-image: url(images/triangle_tab.gif);
margin-left: 17px;
}


body {
background-image : url(images/chute.png);
background-repeat : no-repeat;
background-position : fixed;
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
text-align: left;
color: #444;
margin: 0;
padding: 0;
z-index: 5;
}


#page {
margin: 0  0 auto;
width: 800px;
float: left;
}

* html #page {
margin-right: -240 px;
text-align: left;
} /* IE hack */


/* sidebar */

.sidebar {
width: 240px;
height: 646px;
margin: 135px 0px 0 550px;
position: absolute;
background-image: url(images/fond-menu.png);
background-repeat : no-repeat;
background-position : fixed;
}

* html .sidebar {
margin: 117px 0 0 0px;
position: absolute;
}

/* footer */

#footer {
clear: both;
margin: 25px 0 10px 15px;
text-align: left;
}


/* home content */

#content {
width: 510px;
margin-left: 20px;
margin-top: 123px;
}

* html #content {
position: absolute;
width: 510px;
margin-left: 15px;
margin-top: 0;
}

/* header style */

#header {
margin: 0px 0px;
height: 110px;

position: absolute;
}

* html #header {
position: relative;
}

/* menu navigation */

#sidemenu {
text-decoration:none;
font-size : 12px;
letter-spacing: 0.8px;
list-style: none;
margin: 20px;


font-family: 'Share-Regular', Verdana, Arial, Sans-Serif;
font-size: 15px;
letter-spacing: 2px;
line-height:30px;
}



#sidemenu a {
border-bottom-width : 0px;
color: ##ffffff;
line-height:30px;
text-indent:3px;
}

.current_page_item {list-style: none;}


ul .current_page_item ul {list-style: none;font-weight: normal;}



ul.vert-one {border-bottom-width : 0px;margin:0;padding:0;list-style-type:none;display:block;line-height:25px;width:210px;list-style-image:none;}
* html ul.vert-one {border-bottom-width : 0px;margin:0;list-style-type:none;display:block;line-height:25px;width:210;list-style-image:none;}

ul.vert-one li{border-bottom-width : 0px;margin:0;padding:0;list-style-type:none;list-style-image:none;}
* html ul.vert-one li{border-bottom-width : 0px;margin:0;list-style-type:none;width:210;list-style-image:none;}

ul.vert-one li a{border-bottom-width : 0px;display:block;text-decoration:none;list-style-type:none;background: url(images/menu-point2.png) no-repeat;padding: 0px;width:210;list-style-image:none;}
* html ul.vert-one li a{border-bottom-width : 0px;display:block;text-decoration:none;list-style-type:none;background: url(images/menu-point2.png) no-repeat;width:210px;list-style-image:none;}

ul.vert-one li a:hover{color: ##ffffff;border-bottom-width : 0px; background: url(images/menu-ok2.png) no-repeat;list-style-image:none;}
* html ul.vert-one li a:hover{color: ##ffffff;border-bottom-width : 0px; background: url(images/menu-ok2.png) no-repeat;list-style-image:none;}

ul.vert-one li a.current,ul.vert-one li a.current:hover{color: ##ffffff;border-bottom-width : 0px;background: url(images/menu-ok2.png) no-repeat 0 0px;list-style-image:none;}
* html ul.vert-one li a.current,ul.vert-one li a.current:hover{color: ##ffffff;border-bottom-width : 0px;background: url(images/menu-ok2.png) no-repeat 0 0px;list-style-image:none;}



#archive_menu {
list-style-type:none;list-style-image:none;
margin-top: 25px;
}


/* champ de recherche */
#chercher {
background: #d8e0e4 ;
height: 50px;
width: 170px;
padding: 4px 6px;
}


/* champ abonnement newsletter */
#abonnement {
background: #d8e0e4 ;
height: 100px;
width: 495px;
padding: 4px 6px;
}


#note_manuscrits {
background: #d8e0e4 ;
height: 100px;
width: 500px;
padding: 4px 6px;
}


/* les styles de paragraphes */


h3 {
font-weight:normal;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height:40px;
color: #003e5c;
}

.citation {
font-style: italic;
font-family: georgia, Serif;
font-size: 12px;
color: #003e5c;
letter-spacing: 1px;
line-height: 15px;
}

.postmetadata, .postmetadata a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
color: #7a919c;
}

.mini {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
color: #003e5c;letter-spacing: 2px;

}

.minimini {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
color: #454748;
}

.minigris {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
color: #454748;
}


.petit2 {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9.5px;
color: #003e5c;
line-height:22px;
letter-spacing: 4px;
}

.normal {
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #003e5c;
}

.normalgris {
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height:20px;
color: #454748;
}


.normalgris a {
border-bottom-width : 1px;
border-bottom-style : dotted;
}

.titre {
font-weight:normal;
font-family: 'Share-Regular'; Verdana, Arial, Sans-Serif;
font-size: 22px;
color: #003e5c;
letter-spacing: 1px;
}

.titre_single {
font-weight:normal;
font-family: 'Share-Regular'; Verdana, Arial, Sans-Serif;
font-size: 34px;
color: #003e5c;
}


.nom_auteur {
letter-spacing: 2px;
text-transform: uppercase;
font-family: Verdana, Arial, Sans-Serif;
font-size: 15px;
line-height:20px;
color: #003e5c;
}


.titre_mea, .titre_mea a {
width: 100px;
color: #a80505;
font-family: 'Share-Regular'; Verdana, Arial, Sans-Serif;
font-size: 22px;
letter-spacing: 1px;
}

* html .titre_mea, .titre_mea a {
width: 200px;
}


.auteur_mea {
font-size: 11px;
color: #000000;
letter-spacing: 2px;
text-transform: uppercase;

}


.normal_mea, .normal_mea a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;line-height:16px;
color: #000000;
}




.mini_mea {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9.5px;
letter-spacing: 2px;
color: #000000;
}




.liens {
list-style-type: none;
margin: 0;
font-family: georgia, Serif;
font-size: 9px;
color: #003e5c;
font-style: italic;
line-height:40px;

}


.liens ul, .liens ul a{
list-style-type: none;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
color: #003e5c;
font-style: none;
line-height:20px;
margin-left: 5px;
}

.liens ul a:hover{
color: #a80505;font-weight: bold;
letter-spacing: 1px;

}




/* Page d'accueil */

#mea {
text-decoration: none;
margin: -11px 0;
height: 205px;
width: 510px;
float: left;
background:url('images/accueil-mea.png');
}

#mea_visuel, #mea_visuel a {
border-bottom-width : 0px;
position: absolute;
text-decoration:none;
margin: 0 10px;
}

#mea_txt {
width: 240px;
position:absolute;
margin: 35px 180px;
}

#contenuok {
position: relative ;
text-decoration: none;
margin: 25px 0;
width: 510px;
float: left;
}

#image_extrait {
text-align: center;
text-decoration:none;
float : left;
width: 125px;
}

#image_extrait a {
border-width : 0;
color: #003e5c;
}

#texte_extrait {
margin: 20px 0 10px 150px;
}


.image_extrait {
width: 125px;
margin: 10px 0px 10px 0;
}


/* Article livre */

#colonne_image {
text-decoration:none;
text-align: right;
position: absolute;
margin: 10px 0 0 0;
width: 165px;
}

#colonne_image a {
border-width : 0;
color: #003e5c;
}

#image_gauche {
}

.image_gauche {
width: 171px;
}

#portrait {
}

.portrait {
width: 127px;
}

.image_breve, .image_breve a {
text-decoration:none;
border-style : none;
border-width : 0;
margin: 12px 0 0 0;
}

#texte_gauche {
margin: 0px 3px 0 0;
}


#colonne_contenu {
text-decoration : none;
position: absolute;
margin: 25px 0px 0 180px;
width: 320px;
}


.tetiere {
width: 510 px;
}


#navigation {
}

.alignleft {
float : left;
text-align : left;
}

.alignright {
text-align: right;
}



/* Polices */


/* FONT COLABORATE */



@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('./webfont/ColabThi-webfont.eot');
    src: url('./webfont/ColabThi-webfont.eot?#iefix') format('embedded-opentype'), url('./webfont/ColabThi-webfont.woff') format('woff'),url('./webfont/ColabThi-webfont.ttf') format('truetype'),url('./webfont/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('./webfont/ColabLig-webfont.eot');
    src: url('./webfont/ColabLig-webfont.eot?#iefix') format('embedded-opentype'), url('./webfont/ColabLig-webfont.woff') format('woff'),        url('./webfont/ColabLig-webfont.ttf') format('truetype'),        url('./webfont/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('./webfont/ColabReg-webfont.eot');
    src: url('./webfont/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('./webfont/ColabReg-webfont.woff') format('woff'), url('./webfont/ColabReg-webfont.ttf') format('truetype'), url('./webfont/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('./webfont/ColabMed-webfont.eot');
    src: url('./webfont/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/ColabMed-webfont.woff') format('woff'),         url('./webfont/ColabMed-webfont.ttf') format('truetype'),         url('./webfont/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('./webfont/ColabBol-webfont.eot');
    src: url('./webfont/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/ColabBol-webfont.woff') format('woff'),         url('./webfont/ColabBol-webfont.ttf') format('truetype'),         url('./webfont/ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* FONT BEBAS */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('./webfont/BebasNeue-webfont.eot');
    src: url('./webfont/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/BebasNeue-webfont.woff') format('woff'),         url('./webfont/BebasNeue-webfont.ttf') format('truetype'),         url('./webfont/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* FONT BP REPLAY */



@font-face {
    font-family: 'BPreplayRegular';
    src: url('./webfont/BPreplay-webfont.eot');
    src: url('./webfont/BPreplay-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/BPreplay-webfont.woff') format('woff'),         url('./webfont/BPreplay-webfont.ttf') format('truetype'),         url('./webfont/BPreplay-webfont.svg#BPreplayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BPreplayItalic';
    src: url('./webfont/BPreplayItalics-webfont.eot');
    src: url('./webfont/BPreplayItalics-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/BPreplayItalics-webfont.woff') format('woff'),         url('./webfont/BPreplayItalics-webfont.ttf') format('truetype'),         url('./webfont/BPreplayItalics-webfont.svg#BPreplayItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BPreplayBold';
    src: url('./webfont/BPreplayBold-webfont.eot');
    src: url('./webfont/BPreplayBold-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/BPreplayBold-webfont.woff') format('woff'),         url('./webfont/BPreplayBold-webfont.ttf') format('truetype'),         url('./webfont/BPreplayBold-webfont.svg#BPreplayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BPreplayBoldItalic';
    src: url('./webfont/BPreplayBoldItalics-webfont.eot');
    src: url('./webfont/BPreplayBoldItalics-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/BPreplayBoldItalics-webfont.woff') format('woff'),         url('./webfont/BPreplayBoldItalics-webfont.ttf') format('truetype'),         url('./webfont/BPreplayBoldItalics-webfont.svg#BPreplayBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* WINTERTHUR CONDENSED */



@font-face {
    font-family: 'WinterthurCondensedRegular';
    src: url('./webfont/WinterthurCondensed-webfont.eot');
    src: url('./webfont/WinterthurCondensed-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/WinterthurCondensed-webfont.woff') format('woff'),         url('./webfont/WinterthurCondensed-webfont.ttf') format('truetype'),         url('./webfont/WinterthurCondensed-webfont.svg#WinterthurCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WinterthurCondensedItalic';
    src: url('./webfont/WinterthurCondensedOblique-webfont.eot');
    src: url('./webfont/WinterthurCondensedOblique-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/WinterthurCondensedOblique-webfont.woff') format('woff'),         url('./webfont/WinterthurCondensedOblique-webfont.ttf') format('truetype'),         url('./webfont/WinterthurCondensedOblique-webfont.svg#WinterthurCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* VOLLKORN */



@font-face {
    font-family: 'VollkornRegular';
    src: url('./webfont/Vollkorn-Regular-webfont.eot');
    src: url('./webfont/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Vollkorn-Regular-webfont.woff') format('woff'),         url('./webfont/Vollkorn-Regular-webfont.ttf') format('truetype'),         url('./webfont/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornBold';
    src: url('./webfont/Vollkorn-Bold-webfont.eot');
    src: url('./webfont/Vollkorn-Bold-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Vollkorn-Bold-webfont.woff') format('woff'),         url('./webfont/Vollkorn-Bold-webfont.ttf') format('truetype'),         url('./webfont/Vollkorn-Bold-webfont.svg#VollkornBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornItalic';
    src: url('./webfont/Vollkorn-Italic-webfont.eot');
    src: url('./webfont/Vollkorn-Italic-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Vollkorn-Italic-webfont.woff') format('woff'),         url('./webfont/Vollkorn-Italic-webfont.ttf') format('truetype'),         url('./webfont/Vollkorn-Italic-webfont.svg#VollkornItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornBoldItalic';
    src: url('./webfont/Vollkorn-BoldItalic-webfont.eot');
    src: url('./webfont/Vollkorn-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Vollkorn-BoldItalic-webfont.woff') format('woff'),         url('./webfont/Vollkorn-BoldItalic-webfont.ttf') format('truetype'),         url('./webfont/Vollkorn-BoldItalic-webfont.svg#VollkornBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* SHARE */



@font-face {
    font-family: 'Share-Regular';
    src: url('./webfont/Share-Regular-webfont.eot');
    src: url('./webfont/Share-Regular-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Share-Regular-webfont.woff') format('woff'),         url('./webfont/Share-Regular-webfont.ttf') format('truetype'),         url('./webfont/Share-Regular-webfont.svg#Share-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Share-TechMonoRegular';
    src: url('./webfont/Share-TechMono-webfont.eot');
    src: url('./webfont/Share-TechMono-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Share-TechMono-webfont.woff') format('woff'),         url('./webfont/Share-TechMono-webfont.ttf') format('truetype'),         url('./webfont/Share-TechMono-webfont.svg#Share-TechMonoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* GREYSCALE BASIC */



@font-face {
    font-family: 'GreyscaleBasicRegular';
    src: url('./webfont/Greyscale_Basic_Regular-webfont.eot');
    src: url('./webfont/Greyscale_Basic_Regular-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Greyscale_Basic_Regular-webfont.woff') format('woff'),         url('./webfont/Greyscale_Basic_Regular-webfont.ttf') format('truetype'),         url('./webfont/Greyscale_Basic_Regular-webfont.svg#GreyscaleBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreyscaleBasicItalic';
    src: url('./webfont/Greyscale_Basic_Regular_Italic-webfont.eot');
    src: url('./webfont/Greyscale_Basic_Regular_Italic-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Greyscale_Basic_Regular_Italic-webfont.woff') format('woff'),         url('./webfont/Greyscale_Basic_Regular_Italic-webfont.ttf') format('truetype'),         url('./webfont/Greyscale_Basic_Regular_Italic-webfont.svg#GreyscaleBasicItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreyscaleBasicBold';
    src: url('./webfont/Greyscale_Basic_Bold-webfont.eot');
    src: url('./webfont/Greyscale_Basic_Bold-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Greyscale_Basic_Bold-webfont.woff') format('woff'),         url('./webfont/Greyscale_Basic_Bold-webfont.ttf') format('truetype'),         url('./webfont/Greyscale_Basic_Bold-webfont.svg#GreyscaleBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreyscaleBasicBoldItalic';
    src: url('./webfont/Greyscale_Basic_Bold_Italic-webfont.eot');
    src: url('./webfont/Greyscale_Basic_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/Greyscale_Basic_Bold_Italic-webfont.woff') format('woff'),         url('./webfont/Greyscale_Basic_Bold_Italic-webfont.ttf') format('truetype'),         url('./webfont/Greyscale_Basic_Bold_Italic-webfont.svg#GreyscaleBasicBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* NEWS FONT */



@font-face {
    font-family: 'NewsCycleRegular';
    src: url('./webfont/NewsCycle-Regular-webfont.eot');
    src: url('./webfont/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),         url('./webfont/NewsCycle-Regular-webfont.woff') format('woff'),         url('./webfont/NewsCycle-Regular-webfont.ttf') format('truetype'),         url('./webfont/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}