@font-face {
    font-family: 'OpenSansBold';
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-bold-webfont.eot');
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-bold-webfont.woff') format('woff'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-semibold-webfont.eot');
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-extrabold-webfont.eot');
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-regular-webfont.eot');
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-regular-webfont.woff') format('woff'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-light-webfont.eot');
    src: url('http://www.lepeupledelherbe.net/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-light-webfont.woff') format('woff'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('http://www.lepeupledelherbe.net/fonts/opensans-light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	font-weight: normal;
	text-align:left;
	background-color:#303030;
	color:white;
	text-shadow:#000 1px 1px 0px;
	text-decoration:none
}

img {
border: 0px;
} 

p {
	color:white;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	text-decoration:none;
	vertical-align:top
}

table {
	color:white;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	text-decoration:none;
	align:center;
}

td {
	vertical-align:top
}

tr {
	vertical-align:top
}

a {
	color:white;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	text-decoration:none
}


a:link { /*link color*/
color: #F00
}

a:visited { /*visited link color*/
color: #F03
}

a:hover { /*hover link color*/
color: #F30
}

a:active { /*active link color*/
color: #F30
}





.small {
font-size: small
}

.verysmall {
font-size: x-small
}

.big {
font-size: large;
font-family: 'OpenSansBold', Arial, sans-serif
}

.titrerubrique {
background-image:url(fondtitres.png);
background-repeat:no-repeat;
background-position:top;
font-size: large;
color:#F00;
font-family: 'OpenSansBold', Arial, sans-serif
}

.titrerubrique650 {
background-image:url(fondtitres650.png);
background-repeat:no-repeat;
background-position:top;
font-size: large;
color:#F00;
font-family: 'OpenSansBold', Arial, sans-serif
}

.titretransparent {
font-size:large;
color:#F00;
font-family: 'OpenSansExtrabold', Arial, sans-serif
}
.soustitretransparent {
font-size:large;
color:#FFF;
font-family: 'OpenSansExtrabold', Arial, sans-serif;
text-align:right
}

.miseenavant {
font-size:large;
color:#FFF;
font-family: 'OpenSansBold', Arial, sans-serif
}

.soustitrerubrique {
	text-align:right;
	color:#FFF
}
.soustitrerubriquesmall {
	font-size: small;
	text-align: right;
	color: #FFF;
}

.main {
font-size:large;
color:#FFF;
font-family: 'OpenSansBold', Arial, sans-serif;
text-align:left;

}

.maincolor {
font-size:large;
color:#F00;
font-family: 'OpenSansBold', Arial, sans-serif
}

.mainbig {
font-size:larger;
color:#FFF;
font-family: 'OpenSansBold', Arial, sans-serif
}

.maincolorbig {
font-size:larger;
color:#F00;
font-family: 'OpenSansBold', Arial, sans-serif
}

.mainbottom {
font-size:small;
color:#FFF;
text-align:right;
font-family: 'OpenSansBold', Arial, sans-serif
}

.mainbottomcolor {
font-size:small;
color:#F00;
text-align:right;
font-family: 'OpenSansBold', Arial, sans-serif
}