/**************************************************************
*  CONNEXION-GAGNE.COM - v.1 (2013)                           *
*  AUTEUR : Ludovic CAILLOT (code + design)                   *
**************************************************************/


/**************************************************************
*  RESET                                                      *
**************************************************************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video	{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6						{ font-size: 100%; font-weight: normal; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														  { border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }


/**************************************************************
*  BASE                                                       *
**************************************************************/

body				{ font-family: 'Open Sans', Arial,Verdana,sans-serif; font-size: 14px; line-height: 1.5; color:#4c4c4c; }
h1	        { font-size: 29px; letter-spacing: -0.02em; font-weight:300; color:#811931; margin-bottom: 30px;}
h2	        { font-size: 20px; font-weight:600; line-height: 30px;}
h3	        { font-size: 16px; font-weight:600; margin: 20px 0 4px 0;}
h4	        { font-size: 14px; font-weight: 600; text-transform:uppercase;}
h5	        { font-size: 13px; letter-spacing: -0.02em; line-height: 20px; color: #000;}
h6	        { font-size: 12px; color: #999; text-transform:uppercase;}
p+p 		{margin-top: 10px;}

ul          {margin: 0 0 25px 30px;}
li          {display : list-item; list-style-image : url('img/puces.png'); margin:6px 0;} 
ul li ul    {margin: 0 0 10px 10px;}
ul li ul li {list-style-image: none;}

ul.intro li          {display : list-item; list-style : square; margin: 3px 0; list-style-position:inside;} 
ul.intro li ul 		{margin: 0 0 0 35px; }
ul.intro li ul li   {list-style : none;} 


#header     {background: url('img/header-connexion-gagne.jpg') no-repeat top center; width:100%; height:458px; margin-bottom:35px;}
.encartBeige {background-color:#e0d8c5; padding: 45px 16px; margin-top: -41px; position: relative;}
.encartBeige:after {content:url('img/denteler.png'); position: absolute; bottom: -5px; left: 0; }
.encartBeige a {color: #4c4c4c;}
.encartBeige a:hover {text-decoration: none;}

.intro      {font-size: 17px; font-weight:300; margin:15px 0 25px 0; color:#4c4c4c;}
hr          {margin: 5px 0 14px 0; color: #ddd; background-color: #ddd; height: 1px; border: 0;}
.encartBeige hr {color: #b4aa8f; background-color: #b4aa8f; }
.contact    {margin: 40px 0;}
.contact p, .contact h4  {margin: 6px 0; text-align:center;}

a.btn {background: #811932 url('img/icon-mail.png') no-repeat 13px 13px; display: block; margin-bottom: 20px; padding: 12px 10px 12px 42px; color: #fff; text-align: center; text-decoration: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
a.btn:hover {background-color: #9c2b47;}

.mentions   {font-size: 10px; text-align:center; margin-bottom: 60px;}
.mentions a {text-decoration: none; color: #aaa;}
.mentions a:hover {color: #811931;}