/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
}
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;
}



br.cl{clear:both; height:0px;}
body{
	background:#ECECEC;
	color:#666666; 
	font-family: 'Roboto', Arial, sans-serif;
	font-size:14px;
	line-height: 20px;
}
a,a:link,a:active, a:visited{color:#999999;}
a:hover{color:#000000;}

h3{font-weight: 700;font-size:18px; color:#333333; margin:10px 0px;}

body > .wrapper{width:980px; margin:0 auto; background: #f4f2f2;}

.header{ position: relative; width:980px; height:513px; background-image: url(../images/header.jpg); background-position: top center;}
html:lang(fr) .header{background-image: url(../images/header_fr.jpg);}
.header .language-wrapper{width:960px; margin:0 auto; position: relative;}
.header .language{position: absolute; top:10px; right:20px;}
.language a, .language a:link, .language a:active, .language a:visited{color:#ffffff; text-decoration: none;}
.language a:hover{ text-decoration: underline;}

.wrapper-main{
border-bottom:1px solid #dbd9d9; 
background: #f4f2f2;
background: -moz-linear-gradient(top, #d8d6d6 0%, #f4f2f2 7%, #f4f2f2 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #d8d6d6), color-stop(7%, #f4f2f2), color-stop(100%, #f4f2f2));
background: -webkit-linear-gradient(top, #d8d6d6 0%, #f4f2f2 7%, #f4f2f2 100%);
background: -o-linear-gradient(top, #d8d6d6 0%, #f4f2f2 7%, #f4f2f2 100%);
background: -ms-linear-gradient(top, #d8d6d6 0%, #f4f2f2 7%, #f4f2f2 100%);
background: linear-gradient(to bottom, #d8d6d6 0%, #f4f2f2 7%, #f4f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d6d6', endColorstr='#f4f2f2', GradientType=0 );
}
.main{width:980px; margin: 0 auto; padding-top:50px; padding-bottom:30px;}
.main div.register{margin:0 auto; text-align:center; font-size:26px; margin:30px 0px;font-family: 'Roboto Condensed', Arial, sans-serif; font-weight:300;}
html:lang(fr) .main div.register{line-height:30px;}

.main div.register a, .main div.register a:link, .main div.register a:active, .main div.register a:visited{color:#db494c;}
.main div.register a:hover{color:#712628;}

.main .article{background-image: url(../images/linetile.png); background-repeat: repeat-x; background-position: bottom left; padding-bottom:25px;margin-bottom:22px; clear:both; display:block;min-height: 150px;}
.article div.thumb{float:left;width:220px;margin-right:20px;}
.article div.thumb img{margin: 0 auto; display:block;}
.article div.content{float:left; width:720px;}
.footer{
border-top:1px solid #ffffff;
padding-top:40px;
font-size:12px;
color:#878686;
text-align: center;
padding-bottom:30px;
width:980px;
margin:0 auto;


background: #f4f2f2;
background: -moz-linear-gradient(top, #e8e6e6 0%, #f2f2f4 31%, #f2f2f4 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #e8e6e6), color-stop(31%, #f2f2f4), color-stop(100%, #f2f2f4));
background: -webkit-linear-gradient(top, #e8e6e6 0%, #f2f2f4 31%, #f2f2f4 100%);
background: -o-linear-gradient(top, #e8e6e6 0%, #f2f2f4 31%, #f2f2f4 100%);
background: -ms-linear-gradient(top, #e8e6e6 0%, #f2f2f4 31%, #f2f2f4 100%);
background: linear-gradient(to bottom, #e8e6e6 0%, #f2f2f4 31%, #f2f2f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e6', endColorstr='#f2f2f4', GradientType=0 );

}
#lang_box{overflow: hidden;background:#f0eded;width:904px;height:495px;}
#lang_box > div.left{float:left;width:450px;}
#lang_box > div.right{float:left;width:454px; }
#lang_box > div > a, #lang_box > div > a:link, #lang_box > div > a:active, #lang_box > div > a:visited{text-decoration: none;color:#ffffff;}
#lang_box > div > a:hover{text-decoration: underline; color:#cae7f3;}
#lang_box > div > a.top{
display:block;
height:60px;
padding-top:40px;
background: #0098e4;
background: -moz-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0098e4), color-stop(100%, #00beee));
background: -webkit-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -o-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -ms-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: linear-gradient(to bottom, #0098e4 0%, #00beee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098e4', endColorstr='#00beee', GradientType=0 );

 font-size:30px;
 text-align: center;
 font-family: 'Roboto Condensed', Arial, sans-serif;
}

#lang_box .right img{background-image: url(../images/linetile.png); padding-left:4px;}


#register_box .top{
	display:block;
height:60px;
padding-top:40px;
background: #0098e4;
background: -moz-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0098e4), color-stop(100%, #00beee));
background: -webkit-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -o-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -ms-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: linear-gradient(to bottom, #0098e4 0%, #00beee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098e4', endColorstr='#00beee', GradientType=0 );

 font-size:30px;
 text-align: center;
 color:#ffffff;
 font-family: 'Roboto Condensed', Arial, sans-serif;
}
html:lang(fr) #register_box .top{font-size:22px;}

#register_box .bottom{background:#f7f6f6;
padding:20px 30px;
min-height: 410px;
}
#register_box .bottom a, #register_box .bottom a:link, #register_box .bottom a:active, #register_box .bottom a:visited{color:#db494c;}
#register_box .bottom a:hover{color:#712628;}
#register_box .bottom .left{float:left;width:410px;}
#register_box .bottom .right{float:left; width:410px;}

#register_box .bottom input[type=text]{ padding:15px 5px 5px 5px; color:#666666; box-shadow: 0px 1px 1px 0px #ffffff; border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border:1px solid #d3d3d3;
font-size:14px;
display:block;
margin-top: 35px;
width:360px;
margin-bottom:0px;
}
#register_box .bottom input[type=text].error{}
#register_box .formfooter{text-align: center;margin-top:30px;}

#register_box .bottom input[type=submit]{
	border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border:1px solid #b5b5b5;
color:#ffffff;
font-size:20px;
 font-family: 'Roboto Condensed', Arial, sans-serif;
 
 
 background: #ec777b;
background: -moz-linear-gradient(top, #ec777b 0%, #e55f64 47%, #da3d3f 93%, #da3d3f 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ec777b), color-stop(47%, #e55f64), color-stop(93%, #da3d3f), color-stop(100%, #da3d3f));
background: -webkit-linear-gradient(top, #ec777b 0%, #e55f64 47%, #da3d3f 93%, #da3d3f 100%);
background: -o-linear-gradient(top, #ec777b 0%, #e55f64 47%, #da3d3f 93%, #da3d3f 100%);
background: -ms-linear-gradient(top, #ec777b 0%, #e55f64 47%, #da3d3f 93%, #da3d3f 100%);
background: linear-gradient(to bottom, #ec777b 0%, #e55f64 47%, #da3d3f 93%, #da3d3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec777b', endColorstr='#da3d3f', GradientType=0 );
display:block;
width:370px;
-webkit-box-shadow: 3px 3px 13px 0px rgba(153,153,153,1);
-moz-box-shadow: 3px 3px 13px 0px rgba(153,153,153,1);
box-shadow: 3px 3px 13px 0px rgba(153,153,153,1);
margin-top:30px;
margin-bottom:40px;
cursor:pointer;
height:40px;
}
#register_box .bottom input[type=submit]:hover{font-size:26px;}

#register_box .bottom label{width:360px;display:block; color:#DB494C;margin-top:1px;height:24px; }
#register_box .bottom input.error + label + input{margin-top:10px;}
html:lang(fr) #register_box .bottom input[name=street_address]{  font-size: 13px;
    height: 17px;}
div.thanks .top{
	display:block;
height:60px;
padding-top:40px;
background: #0098e4;
background: -moz-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0098e4), color-stop(100%, #00beee));
background: -webkit-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -o-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: -ms-linear-gradient(top, #0098e4 0%, #00beee 100%);
background: linear-gradient(to bottom, #0098e4 0%, #00beee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098e4', endColorstr='#00beee', GradientType=0 );

 font-size:30px;
 text-align: center;
 color:#ffffff;
 font-family: 'Roboto Condensed', Arial, sans-serif;
}
div.thanks .content{padding:30px 50px; font-size:16px;}
div.thanks .formfooter{
	background-image: url(../images/linetile.png); background-repeat: repeat-x; background-position: top left; 
	padding-top:30px;
	padding-bottom: 30px;
}

div.thanks .formfooter a, div.thanks .formfooter a:link, div.thanks .formfooter a:active, div.thanks .formfooter a:visited{color:#db494c;}
div.thanks .formfooter a:hover{color:#712628;}


@media all and (max-width: 1419px) and (min-width:981px){
  .header {
	  width:100%;
  }
  body > .wrapper{width:100%; }
  .footer{width:100%px;}
  .header .language{/*right:30px;*/ }
}
/*
@media all and (max-width: 1419px) and (min-width:1210px){
  .header {
	  width:1210px;
  }
  body > .wrapper{width:1210px; }
  .footer{width:1210px;}
  .header .language{right:130px;}
}
*/
@media all and (min-width: 1420px){
  .header {
	  width:1400px;
  }
  body > .wrapper{width:1400px; }
  .footer{width:1400px;}
  .header .language{/*right:230px;*/}
}