/* =============================================================================
Plannificateur
============================================================================= */

/* General
============================================================================= */

html, body {height: 100%;}
.entry {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.yeartbl {
	margin-bottom: 20px;
	background-color: #CCC;
}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: justify;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper {
  text-align: left;
  width: 920px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}
#page_content {
	width: 920px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span {display: none;}

body {
  background-color: #fff;
  font: normal 11px/16px Tahoma, Arial, sans-serif;
  color: #8d8d85;
}
.section {
	border-bottom: 1px solid #dcdcdc;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.section_vid {
	border-bottom: 1px solid #dcdcdc;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.section_news {
	width: 355px;
	padding-bottom: 10px;
	float: left;
}
.section_poll {
	width: 200px;
	padding-bottom: 10px;
	float: right;
}

p.link {padding: 0 0 0 19px;}
p.arrow_right {
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
div.clear {
	font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

/* Header
============================================================================= */
#header {
	width: 900px;
	float: left;
	padding: 10px;
	height: 90px;
	margin: 10px 0px 5px 0px;
}
#header #logo {
	width: 230px;
	height: 66px;
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#header #logo_en {
	width: 230px;
	height: 66px;
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
  #header h1 {
	display: block;
	height: 66px;
	cursor: pointer;
	background-image: url(../images/LePlannificateur.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
  }
    #header h4 {
	display: block;
	height: 66px;
	cursor: pointer;
	background-image: url(../images/ThePlanner.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
  }
  /* Tag
============================================================================= */
#tag {
	text-align: right;
	width: 600px;
	float: right;
	margin-top: 35px;
}
h2#introduction {
	width: 600px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F60;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: none;
	line-height: normal;
	font-weight: bold;
	text-align: right;
}

/* Language
============================================================================= */
ul#language {height: 20px;}

  ul#language li {
	float: right;
  }
    ul#language li a {
    display: block;
    height: 20px;
    cursor: pointer;
    }
ul#language li a#english {
	background-image: url(../images/en_but.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 73px;
}
ul#language li a#francais {
	background-image: url(../images/fr_but.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 73px;
}
    ul#language li a#english:hover,
	ul#language li a#francais:hover{
      background-position: 0 -20px;
	  }

/* Navigation
============================================================================= */

ul#navigation {height: 50px;}

  ul#navigation li {
	float: left;
  }
    ul#navigation li a {
    display: block;
    height: 50px;
    cursor: pointer;
    }
ul#navigation li a#acceuil {
	background-image: url(../images/acceuil.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 134px;
}
ul#navigation li a#acceuil:hover {
	background-position: 0 -50px;
}
ul#navigation li a#home {
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 134px;
}
ul#navigation li a#home:hover {
	background-position: 0 -50px;
}
ul#navigation li a#publication {
	background-image: url(../images/publications.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 151px;
}
ul#navigation li a#publication:hover {
	background-position: 0 -50px;
}
ul#navigation li a#publication_en {
	background-image: url(../images/publicationsen.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 151px;
}
ul#navigation li a#publication_en:hover {
	background-position: 0 -50px;
}
ul#navigation li a#videos {
	background-image: url(../images/videosfr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 111px;
}
ul#navigation li a#videos:hover {
	background-position: 0 -50px;
}
ul#navigation li a#videos_en {
	background-image: url(../images/videosen.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 111px;
}
ul#navigation li a#videos_en:hover {
	background-position: 0 -50px;
}
    ul#navigation li a#publicite {
	background-image: url(../images/infofr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 180px;
}
ul#navigation li a#publicite:hover {
	background-position: 0 -50px;
}
    ul#navigation li a#advertise {
	background-image: url(../images/infoen.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 180px;
}
ul#navigation li a#advertise:hover {
	background-position: 0 -50px;
}
    ul#navigation li a#liens {
	background-image: url(../images/liens.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 166px;
}
ul#navigation li a#liens:hover {
	background-position: 0 -50px;
}
    ul#navigation li a#links {
	background-image: url(../images/links.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 166px;
}
ul#navigation li a#links:hover {
	background-position: 0 -50px;
}
    ul#navigation li a#contactez {
	background-image: url(../images/contactez.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 178px;
}
ul#navigation li a#contactez:hover {
	background-position: 0 -50px;
}
    ul#navigation li a#contact {
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 178px;
}
ul#navigation li a#contact:hover {
	background-position: 0 -50px;
}
ul#navigation li a#acceuil_active {
	background-image: url(../images/acceuil.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 134px;
}
ul#navigation li a#home_active {
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 134px;
}
ul#navigation li a#publication_active {
	background-image: url(../images/publications.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 151px;
}
ul#navigation li a#publication_en_active {
	background-image: url(../images/publicationsen.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 151px;
}
ul#navigation li a#videos_active {
	background-image: url(../images/videosfr.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 111px;
}
ul#navigation li a#videos_en_active {
	background-image: url(../images/videosen.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 111px;
}
ul#navigation li a#publicite_active {
	background-image: url(../images/infofr.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 180px;
}
ul#navigation li a#advertise_active {
	background-image: url(../images/infoen.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 180px;
}
ul#navigation li a#liens_active {
	background-image: url(../images/liens.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 166px;
}
ul#navigation li a#links_active {
	background-image: url(../images/links.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 166px;
}
ul#navigation li a#contactez_active {
	background-image: url(../images/contactez.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 178px;
}
ul#navigation li a#contact_active {
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	width: 178px;
}
#subNav {
	padding-bottom: 26px;
	width: 575px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
  #subNav li {
	float: left;
}
  #subNav li a {
      color: #6e6e66;
      border-bottom: 1px solid #e0e0e0;
    }
  #subNav li a:hover {
      color: #8e8e86;
      border-bottom: 1px solid #fff;
    }
  #subNav li span {color: #d0d0d0;}
	
/* Left Column
============================================================================= */

#leftcolumn {
	width: 575px;
	float: left;
}
#leftcolumn_vid {
	width: 920px;
	float: left;
}
#RSSfeed {
	width: 355px;
}
h3#bienvenue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-bottom: 10px;
}
h3#archives {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-bottom: 10px;
}
h3#nouvelles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-bottom: 10px;
}
h3#small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom: 5px;
}
h3#bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #333;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
}
#adcnt_468x60 {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
#adbottom_728x90 {
	margin-right: 0;
	margin-left: 0;
	width: 728px;
	padding-left: 96px;
	height: 90px;
	padding-right: 96px;
}

/* Boxes
============================================================================= */

#boxes {
	width: 575px;
	margin: 0 0 0 0px;
	background-position: 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}

  #boxes .box {
	width: 275px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 27px;
	padding-left: 0;
  }

h3#updates {
  background: url(../img/typography/section_headings/updates.gif) 0 0 no-repeat;
  width: 51px;
}

/* Right Column
============================================================================= */

#rightcolumn {
	float: right;
	margin: 0px 0px 5px 0px;
	width: 300px;
	display: inline;
	position: relative;
}
h3#videotitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-bottom: 10px;
}
#adspace {
	width: 300px;
	height: 125px;
	padding-bottom: 10px;
	margin-top: 10px;
	
}
#adsidebar_125x125_left {
	margin-right: 0;
	margin-left: 0;
	width: 125px;
	float: left;
	padding-left: 10px;
}
#adsidebar_125x125_right {
	margin-left: 0;
	float: right;
	width: 125px;
	padding-right: 10px;
}
#adsidebar_300x250 {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}

/* Footer
============================================================================= */

#footer {
	padding-top: 40px;
	padding-bottom: 26px;
	width: 920px;
}

  #footer ul,
  #footer li {
	float: left;
}

    #footer li a {
      color: #6e6e66;
      border-bottom: 1px solid #e0e0e0;
    }

    #footer li a:hover {
      color: #8e8e86;
      border-bottom: 1px solid #fff;
    }

    #footer li span {color: #d0d0d0;}

  #footer p#copyright {
	width: 445px;
	float: right;
	text-align: right;
  }
.dot li{
	list-style-position: inside;
	list-style-type: disc;
	text-indent: 20px;
}
#standardlist {
	list-style-type: circle;
	padding-left: 2em;
	text-indent: -1em;
	line-height: 20px;
}
.img {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#team {
	width: 530px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#teampic {
	float: left;
	height: 100px;
	width: 85px;
	margin-right: 10px;
}
#pod {
	float: right;
	height: 250px;
	width: 320px;
}
#vids {
	float: left;
	width: 580px;
}
