/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
body > #wrap {
 height: auto; 
 min-height: 100%;
}
body {
  background: #ffffff url(../images/bg.gif) repeat-x;
  text-align: center; /* for IE */
}
#main {
  width: 960px;
  height: 100%;
  margin: 0 auto;
  text-align: left; /* counter the body center */
  background: url(../images/main_bg.gif) repeat-y;
  padding-bottom: 180px;/* must be same height as the footer */
}



#logo {
  position: absolute;
  left: 0px;
}

/*top nav */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#topmenu ul{
position: absolute;
top: 121px;
left: 0px;
margin: 0;
padding: 0;
padding-left: 22px;
margin-bottom: 1em;
float: left;
font-size: 1.2em;
width: 100%;
}

* html #topmenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#topmenu ul li{
display: inline;
}

#partager {
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}

#partager a {
	font-weight: bold;
	font-size: 1.7em;
	color: #ec008c;
	text-decoration: none;
	padding-bottom: 10px;
}

#partager a:hover{
	text-decoration: underline;
}

#topmenu ul li a{
font-weight: normal;
float: left;
color: #fff;
padding: 2px 12px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
}

#topmenu ul li .active {
	color: #fff799;
}

#topmenu ul li a:visited{
!color: #fff;
}

#topmenu ul li a:hover{
color: #fff799;
}

#topmenu ul li .last {
	background:none;
	padding-right:0;
}

#topmenu ul li .lastactive {
	color: #fff799;
	background:none;
	padding-right:0;
}

#content {
  width: 960px;
}

#left {
  float: left;
  width: 264px;
} 

#right {
  float: left;
  width: 675px;
  margin-left: 20px;
  padding-top: 12px;
  padding-bottom: 15px;
} 

#slogan {
  width: 264px;
  text-align: center;
  margin-top: 10px;
}

#slogan p {
  font-size: 0.8em;
  padding: 0 10px 0px 35px; 
}

.separator {
  width: 264px;
  height: 3px;
  background: url(../images/separator.gif) no-repeat 
}

.bigvideoref {
	width: 230px;
	background-color: #595959;
	color: #fff;
	margin: 10px 0 10px 20px;
}

/* Newsletter */

.newsletter {
	width: 230px;
	background-color: #595959;
	color: #fff;
	margin: 10px 0 10px 20px;
}
.newsletter h3 {
	margin: 4px 10px 5px 15px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

.newsletter input {
  width: 190px;
}
.newsletter p {
	margin: 0 15px;
}

.newsletter .button{
cursor:pointer;
width: 72px;
height: 22px;
padding: 10px 0 5px 136px;
}


.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 9px;
   border: none;
   display: block !important;
}

/* Poster */

#poster {
  width: 264px;
}

#poster h3 {
  margin: 12px 0 0 20px;
  letter-spacing: -1px;
  font-weight: bold;
}

#poster p {
  margin: 10px 0 0 20px;
}

#poster img{
  margin: 10px 0 0 10px;
}

/* Left Menu */

#leftmenu {
  width: 264px;
  height: 262px;
  background: url(../images/menubg.gif) no-repeat top right;
  margin-bottom: 20px;
}

#leftmenu h3 {
  padding: 15px 0 0 40px;
  letter-spacing: -2px;
  font-weight: bold;
  font-size: 2.5em;
  color: #595959;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
margin: 25px 0 10px 38px;
}


.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #595959;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #595959;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.last {
	padding-right:0;
	border-bottom: none;
}

/* Take Action Box */

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

#takeaction .active {
	color: #fff799;
}

#takeaction a:hover{
	color: #fff799;
}

#takeaction {
  width: 630px;
  background-color: #ffffff;
  border: 1px solid #999999;
  padding: 5px;
  margin-bottom: 10px;
}
#takeactioncontent {
  width: 100%;
  height:87px;/*Needs to match the min height pixels above*/
  background-color: #b8d753;
  overflow: hidden;
}
#takeactioncontentleft {
  float:left;
  width: 390px;
  height: 100%;
  padding: 10px;
}

#takeactionlist {
  float:left;
  width: 380px;
  padding: 15px;
  height: auto;
}


#takeactioncontentleft .form{
cursor:pointer;


padding: 10px 0 5px 136px;
margin: 20 20px;
}

#takeactioncontentleft  p{
  padding: 0 40px 0 10px;
}

#takeactioncontentleft .arrow {
  float: right;
  padding: 0 0px 0 0px;
}

#takeactioncontentright {
  float: right;
  width: 200px;
  height: 100%;
  padding: 10px;
}

#takeactioncontentright h4 {
  font-size: 1.9em;
  font-weight: bold;
  color: #60751B;
  letter-spacing: -1px;
  padding: 12px 0 0 0;
  margin: 0;
}

#takeactioncontentright select {
  width: 200px;
}

#takeactioncontentright .button {
    float: right;
    border: none;
    width: 102px;
    height: 42px;
    background: url('../images/allez.gif') no-repeat bottom left;
}

/* Download page */

div.posterdownload {
  border: 1px dashed #333;
  background-color: #fffef4;
  width: 638px;
  }
  
div.float {
  float: left;
  padding-left: 15px;
  }
  
div.float p {
   text-align: center;
   }

div.spacer {
  clear: both;
  }


/* Footer */

#footer {
  position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	background-color: #534741;
	text-align: left; /* counter the body center */
	clear:both;
}

#footercontent {
  width: 960px;
  margin: 0 auto;
}
#footercontent1 img {
  margin: 30px 0 10px 20px;
}
#footerlinks ul{
margin: 0;
padding: 5px 0 0 22px;
margin-bottom: 1em;
float: left;
font-size: 1.2em;
width: 100%;
}

#footerlinks{
position: absolute;
width: 300px;
right: 20px;
top: 0px;
margin: 0;
text-align: right;
padding: 20px 0 0 22px;
margin-bottom: 1em;
font-size: 1.2em;
}

#footerimages{
width: 500px;
margin: 0;
text-align: left;
padding: 20px 0 0 22px;
margin-bottom: 1em;
border: none;
}

#footerimages img{
	vertical-align: middle;
	border: none;
	padding-left: 20px;
}

* html #footerlinks ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#footerlinks ul li{
display: inline;
}
#footerlinks a{
font-weight: normal;
color: #fff;
padding: 2px 12px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
}

#footerlinks a:visited{
color: #fff;
}

#footerlinks a:hover{
color: #ddd487;
}

#footerlinks .last {
	background:none;
	padding-right:0;
}
/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#f6f6f6;
	margin-bottom:10px;
	width: 500px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}

fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */