@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

sup{
text-transform: none;
}

body{
line-height:1;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/** Fin du reset **/




body{
background-color:#000;
color:#898989;
font-family: 'Lato', sans-serif;
font-weight:300;
text-align:center;
font-size:20px;
}

a{color:#898989;text-decoration:none;}
a:hover{color:#6da646;}

header{position:relative}

img{width:100%;}

.content{ 
max-width:930px;
margin:0 auto;
padding:0 10px 10px 10px;
display:block;
}

	header .content{min-height:105px;}

	#logo{
		position:absolute;
		top:0;
		width:100%;
	}
	
	#logo img{
	width:100%;
	}
	
	#sec{
	float:right;
	width:auto;
	}
	
	#bandeau img{
		width:100%;
	}

.colG{
float:left;
width:65%;
text-align:left;
margin-bottom:25px;
}

.colD{
float:right;
width:33%;
text-align:right;
margin-bottom:30px;
}

footer{
display:block;
background:url(../img/ligne-diago.jpg) no-repeat top center;
padding:40px 0 20px;
margin-top:30px;
}

h1{
font-size:40px;
color:#6da646;
margin:30px 0;
text-transform:uppercase;
text-align:center;
}

h2,h3{
color:#fff;text-transform:uppercase;
}

h2{font-size:45px;font-weight:400;}

h3{font-size:33px;font-weight:700;margin-top:10px;}
	header h3 {margin-top:40px;}
p{line-height:26px;}

p span.vert{color:#6da646;}


@media (max-width: 760px) {

.content{margin:0;display:block;text-align:left;}

.colG, .colD{
	float:none;
	display:block;
	width:100%;
	text-align:left;
}

#bandeau img, #logo img{
	width:140%;
	text-align:center;
	margin-left:-20%;
}
	
}

@media (max-width: 600px) {
h1, h3{font-size:30px;}
h2{font-size:35px;}
p{font-size:18px;line-height:24px;}
.add{display:block;width:100%;}
}


@media (max-width: 460px) {
h1,h3{font-size:25px;}
h2{font-size:30px;}

}