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

/**********************************************************************************

NE PAS EFFACER NE PAS EFFACER NE PAS EFFACER

CES PARAMÈTRES EFFECTUERONT UNE MISE-À-ZÉRO DES PARAMÈTRES IMPORTANTS DE VOS PAGES HTML

CES PAGES S'AFFICHERONT AINSI DE FAÇON PLUS CONSISTANTE D'UN NAVIGATEUR À L'AUTRE

SANS POUR AUTANT GARANTIR UNE APPARENCE IDENTIQUE EN TOUT TEMPS

**********************************************************************************/

/* HTML 5 RESET */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    
margin:0;    
padding:0;    
border:0;    
outline:0;    
font-size:100%;    
vertical-align:baseline;   
 background:transparent;}
 
body {line-height:1;}
 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    
	 display:block;
}

nav ul {list-style:none; }

 blockquote, q {quotes:none;}
 
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
 
a {    
	margin:0;   
 	padding:0;    
	font-size:100%;   
	vertical-align:baseline;    
	background:transparent; 
}/* change colours to suit your needs */
 
ins {    
 	background-color:#ff9;    
	color:#000;    
	text-decoration:none;
}/* change colours to suit your needs */
 
mark {    
	 background-color:#ff9; 
	 color:#000;    
	 font-style:italic;    
	 font-weight:bold;}
 
del {
	text-decoration: line-through;}
 
abbr[title], dfn[title] {   
	border-bottom:1px dotted;    
	cursor:help;
}
 
table { 
 	border-collapse:collapse;    
	border-spacing:0;
}/* change border colour to suit your needs */

hr {    
 	display:block;    
	height:1px;    
	border:0;    
	border-top:1px solid #cccccc;    
	margin:1em 0;   
	padding:0;
}
 
input, select {    
	vertical-align:middle;
}




/**********************************************************************************

FIN DE LA MISE-À-ZERO

**********************************************************************************/

/* CSS POUR LA PAGE Énergies Durables Kahnawà:ke | Projet éolien Saint-Cyprie */


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 5, 2014 */



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

}




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

}




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

}


/* BODY */

.clearboth { clear: both; }

/*header img {
	margin-top: 30px;
}*/

header #menu {
	width: 1080px;
	height: 66px;
	text-align:center;
	background-color: #46AD4A;
	font-family: brandon_grotesquebold;
	color:#fff;
	list-style-type:none;
	text-transform: uppercase;
	font-size:14px;
	padding-left:10px;
}

header #menu ul {
	height:auto;
	padding: 21px 0px;
	margin: 0px;
}

header #menu li {
	display:inline;
	padding: 14px;	
}


header #menu li a {
	text-decoration:none;
	color: #fff;
}

header #menu li a:hover {
	color: #fff;
	border-bottom: solid 4px #fff;
}


body {
	width: 1080px;
	background-color: #46AD4A;
	font-family:brandon_grotesque_regularRg;
	margin-left:auto;
	margin-right:auto;
}

body a {
	text-decoration:none;
	color: #696969;
	font-family: brandon_grotesquebold;
	letter-spacing: 1px;
}

body a:hover {
	color: #46AD4A;
}

footer a {
	text-decoration:none;
	color: #fff;
	font-weight:bold;
}

footer a:hover {
	text-decoration:none;
	color: #696969;
	font-weight:bold;
}

div.wrapper {
	width:980px;
	color: #696969;
	float: left;
	background-color: #fff;
	padding: 20px 50px 70px 50px;


}

h1 {
	font-family: brandon_grotesqueblack;
	display:inline-block;
	color: #46AD4A;
	padding: 12px;
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 12px 0 14px 6px;
}

h1.fiche {
	font-family: brandon_grotesqueblack;
	display:inline-block;
	color: #46AD4A;
	padding: 12px;
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 40px 0 14px 6px;
}

h2 {
	font-family: brandon_grotesqueblack;
	display:inline-block;
	color: #fff;
	background-color: #46AD4A;
	padding: 12px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 12px 0 14px 10px;
}

h3.lynn {
	font-family:brandon_grotesqueblack;
	text-transform: uppercase;
	font-size: 22px;
	line-height:20px;
	margin: 5px 0 6px 13px;
	padding: 18px 0 0 8px;
	color: #696969;

}

h3.titre {
	font-family:brandon_grotesqueblack;
	font-size:26px;
	margin: 10px 0 0px 22px;
	padding-top: 30px;
	border-top:solid 2px #696969;
}

h4.date {
	font-family:brandon_grotesque_regularRg;
	font-size:14px;
	margin: 10px 0 30px 22px;
}

body p {
	font-size: 18px;
	line-height:22px;
	margin: 5px 0 10px 13px;
	padding: 0 0 0 8px;
	color: #696969;
}

body p strong {
	color:#f5a114;
}

ul li strong.greenlow {
	font-family:brandon_grotesquebold;
}

strong.green {
	font-family:brandon_grotesquebold;
	text-transform: uppercase;
	color:#087031;
}



div.fiche {
	display:inline-block;
	margin-bottom:50px;
}

div.fiche h4 {
	font-family:brandon_grotesque_regularRg;
	font-size:20px;
	margin-left: 20px;
}

div.form {
	margin: 0 0 0 22px;
	display:inline-block;
}

div.form p {
	margin: 0 0 12px -8px;
}

div.form h4 {
	font-size:20px;
	padding-bottom:10px;
}

div.photos {
	margin: 20px 0 0 22px;
	text-align:center;
	
}

div.photos img {
	padding:5px 5px 20px 5px;
}

body p.lien a {
	font-size: 18px;
	line-height:20px;
	color: #f5a114;
	text-decoration:underline;
}

body p.lien a:hover {
	font-family: brandon_grotesquebold;
	font-size: 20px;	
}

body p span {
	font-family: brandon_grotesquebold;
	font-size: 24px;
	line-height:28px;
	font-style:italic;
	margin: 20px 0 0 200px;
	color: #46AD4A;
	display:inline-block;
}

body p span .underline {
	font-family:brandon_grotesque_regularRg;
	font-size: 18px;
	line-height:20px;
	color: #696969;	
}

body p.email a {
	font-family: brandon_grotesquebold;
	font-size: 24px;
	line-height:28px;
	font-style:italic;
	margin: 20px 0 0 200px;
	color: #46AD4A;
	display:inline-block;
}

td {
	width:490px;

}

ul {
	font-family:brandon_grotesque_regularRg;
	color: #696969;
	font-size: 18px;
	line-height:24px;
	padding-left: 40px;
	margin-bottom: 20px;
	padding-top:10px;
}

ol {
	padding-left: 40px;
	margin-bottom: 14px;
}

div#menu ul {
	font-family: brandon_grotesquebold;
	color: #696969;
	font-size: 14px;
	line-height:22px;
	padding-left: 10px;
	margin-bottom: 14px;
}

div#menu li ul { 
	display:none; position:absolute; margin-left:465px; margin-top:5px; line-height:36px;
} 

div#menu li:hover ul{ 
	display:block; background:#46AD4A; height:auto; width:390px; color: #fff; text-align:left; 
} 

div#menu li ul li{ 
	clear:both; border-style:none;
}

img.fiche {
	float:left;
	padding: 0px 30px 30px 22px;
}

img.energies {
	margin: 20px 0 20px 0;

}

img.terrain {
	margin-bottom:20px;
}

header {
	width: 980px;
	text-align: center;
	
}

footer {
	width: 1080px;
	height: 300px;
	background-color: #46AD4A;
	color: #fff;
	margin-top:60px;
}

footer div.contact {
	display:inline-block;
	margin-left: 50px;
	margin-top: 30px;
}

footer div.sidebar {
	display:inline-block;
	max-width: 330px;
	padding-top:30px;

}

footer div.sidebar p {
	margin: 0 0 4px -4px;

}

footer h2.footer {
	font-family: brandon_grotesqueblack;
	display:inline-block;
	color: #46AD4A;
	background-color: #087031;
	padding: 12px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 12px 0 14px 4px;
}

footer h3 {
	font-family: brandon_grotesqueblack;
	font-size: 20px;
	line-height:16px;
	text-transform: uppercase;
	margin: 3px 3px 3px 10px;
	padding: 6px 0 0 8px;
}

footer p.titre {
	font-size: 14px;
	line-height:16px;
	font-weight:bold;
	margin: 3px 3px 3px 10px;
	padding: 2px 0 0 8px;
}

footer p {
	font-size: 15px;
	width: 300px;
	color: #fff;
	padding: 2px 0 0 4px;

}

footer img {
	float:right;
}