/* --------------------------- */
/*    Instructions Générales   */
/* --------------------------- */

body {
	margin : 0;
	padding : 0;
	font : normal 80%/1em Verdana, Arial, Helvetica, sans-serif;
	color : black;
	text-align :left;
	background-color : #E6E9E1;
}

#global {
  position : relative;
	margin : 20px auto;
	width : 910px;
	background : white url(img/bkgd_global.jpg) repeat-y center top;
}

#header {
	width : 890px;
	height : 230px;
	padding : 0 10px;
	background : transparent url(img/bkgd_header.jpg) no-repeat center top;
}

#footer {
  clear : both;
	width : 890px;
	height : 65px;
	margin : 0 auto;
	padding : 0 10px;
	background : white url(img/bkgd_footer.jpg) no-repeat center bottom;
}

img.left {
  float : left;
  margin : 5px 12px 5px 0;
}

img.right {
  float : right;
  margin : 5px 0 5px 12px;
}

img {
border : none;
}



/* ----------- */
/*    Header   */
/* ----------- */

h1 {
	text-indent : -5000px;
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height : 1px;
	text-decoration : none;
}

#lien-accueil {
  position : absolute;
  left : 360px;
  top : 15px;
  width : 370px;
  height : 115px;
  text-indent : -5000px;
  font-size : 1px;
  line-height : 1px;
	text-decoration : none;
}

/* --- */

#menu {
	margin : 0 0 0 52px;
	padding : 148px 0 0 0;
	list-style : none;
	text-align : center;
}

#menu li {
  float : left;
  width : 135px;
  font-weight : bold;
  font-size : 1.15em;
}

#menu li a {
  display : block;
 	height : 14px;
 	padding : 11px;
  color : #000000;
  text-decoration : none;
	background : #FF8E24 url(img/bkgd_menu.jpg) repeat-x left -36px;
}
#menu li #active, #menu li a:hover {
	background : #FF8E24 url(img/bkgd_menu.jpg) repeat-x left top;
}

#menu #left a {
	background : #FF8E24 url(img/bkgd_menu_left.jpg) no-repeat left -36px;
}
#menu #left #active, #menu #left a:hover {
	background : #FF8E24 url(img/bkgd_menu_left.jpg) no-repeat left top;
}

#menu #right a {
	background : #FF8E24 url(img/bkgd_menu_right.jpg) no-repeat left -36px;
}
#menu #right #active, #menu #right a:hover {
	background : #FF8E24 url(img/bkgd_menu_right.jpg) no-repeat left top;
}

/* --- */

#sous-menu {
	margin : 0 0 0 52px;
	padding : 0;
	list-style : none;
	text-align : center;
}

#sous-menu li {
  background : #FF8E24 url(img/bkgd_ss_menu.jpg) no-repeat left top;
  float : left;
  width : 202px;
  font-size : 1.1em;
  font-weight : bold;
}

#sous-menu li a {
  display : block;
 	height : 14px;
 	padding : 11px;
  color : #000000;
  text-decoration : none;
}
#sous-menu li a:hover {
  background : #FF8E24 url(img/bkgd_ss_menu_hover.jpg) no-repeat left top;
  color : #294f5c;
	text-decoration: underline;
}

#sous-menu #inv {
  visibility: hidden;
}

#sous-menu #contact {
  background : #FF8E24 url(img/bkgd_ss_menu_contact.jpg) no-repeat left top;
}

#sous-menu #campagne {
  background : #FF8E24 url(img/bkgd_ss_menu_campagne.jpg) no-repeat left top;
}

#sous-menu #campagne a:hover {
  background : #FF8E24 url(img/bkgd_ss_menu_campagne_hover.jpg) no-repeat left top;
}

/* ------------------ */
/*    Colone droite   */
/* ------------------ */

#colone_droite {
  float : right;
  margin-right : 38px;
  display : inline; /* Bug IE6 - double marge */
}

#colone_droite h2 {
font-size:1em;
margin:0pt;
padding:10px 0pt 5px;
}


.encart {
  margin-bottom : 20px;
  width : 326px;
	background : #00B6E8 url(img/bkgd_encart.jpg) no-repeat left bottom;
}

.encart h2 {
  margin : 0;
  padding : 15px 0 5px 0;
  font-size : 1.4em;
	color : white;
	text-align : center;
	background : #00B6E8 url(img/bkgd_h2.jpg) no-repeat left top;
}

.encart ul {
  margin : 0;
  padding : 10px 15px 15px 10px;
  list-style : none;
  text-align : justify;
}

.encart li {
  margin : 7px 0;
  padding-left : 13px;
	background : transparent url(img/bkgd_li.gif) no-repeat left 3px;
}

.encart li a {
  color : black;
  text-decoration : none;
}
.encart li a:hover {
  text-decoration : underline;
}



/* --------------------- */
/*    Contenu principal  */
/* --------------------- */

#content {
  margin-left : 65px;
  width : 450px;
}

#content h2 {
  margin : 0;
  padding : 10px 0 5px 0;
  font-size : 1em;
}

#content h2 a {
  text-decoration : none;
  color : #FF851E;
}
#content h2 a:hover {
  text-decoration : underline;
}

#content h3 {
  margin : 0;
  padding : 10px 0 5px 0;
  font-size : 1.5em;
  line-height : 1em;
}

#content h3 a {
  text-decoration : none;
  color : #FF851E;
}
#content h3 a:hover {
  text-decoration : underline;
}

#content p {
  margin : 5px 0 10px 0;
  font-weight : normal;
  text-align : justify;
  line-height : 1.25em;
}

#content p #lien-suite {
  display : block;
  margin : 15px 0 45px 0;
  padding-right : 30px;
  text-align : right;
	background : white url(img/bkgd_decoration.jpg) no-repeat right top;
}

#content p #lien-suite a {
  text-decoration : none;
  color : #FF851E;
}
#content p #lien-suite a:hover {
  text-decoration : underline;
}

/* --- */

#content .autres-infos, #colone_droite .autres-infos {
  width : 320px;
  height : 98px;
  margin-bottom : 20px;
  padding-right : 15px;
	background : white url(img/bkgd_decoration.jpg) no-repeat right bottom;
}

#content .autres-infos a img, #colone_droite .autres-infos a img {
  border : 1px solid #FF851E;
  margin : 0 10px 0 0;
}

#content .autres-infos span, #colone_droite .autres-infos span {
  color : #FF851E;
}

#content .autres-infos a, #colone_droite .autres-infos a {
  text-decoration : none;
  color : #18B2E4;
}
#content .autres-infos a:hover, #colone_droite .autres-infos a:hover {
  text-decoration : underline;
}

#content .autres-infos p, #colone_droite .autres-infos p {
  text-align: justify;
  margin : 0px 0 0 0;
  font-weight : normal !important;
  line-height : 1.2em;
}



/* ----------- */
/*    Footer   */
/* ----------- */

#pied_page {
	margin : 0;
	padding : 30px 0 0 0;
	list-style : none;
	text-align : center;
}

#pied_page li {
  display : inline;
  font-weight : bold;
	font-size : 0.95em;
}

#pied_page li a {
  color : #FF9B1E;
  text-decoration : none;
}
#pied_page li a:hover {
  text-decoration : underline;
}



/* ----------------- */
/*   Niveau 1 & 2    */
/* ----------------- */

#fin-article, #rep1, #rep2, #rep3, #rep4, #rep5, #rep6, #rep7, #rep8, #rep9, #rep10, #rep11, #rep12 {
  display : none;
}

#rep1, #rep2, #rep3, #rep4, #rep5, #rep6, #rep7, #rep8, #rep9, #rep10, #rep11, #rep12 {
  padding : 3px 5px;
	background : #FF9B1E none;
}



/* ------------ */
/*   Contact    */
/* ------------ */

.encart_vert {
  width : 252px;
  margin-top : 0px;
  padding-bottom : 5px;
	background : #C6FE2F url(img/bkgd_encart_vert.jpg) no-repeat left bottom;
}

#colone_droite .encart_vert h2 {
  margin : 0;
  padding : 20px 0 2px 15px;
  font-size : 1.25em;
	color : black;
	text-align : left;
	background : transparent url(img/bkgd_vert_h2.jpg) no-repeat left top;
}

.encart_vert p {
  margin : 0;
  padding : 15px 15px 10px 15px;
  text-align : justify;
  font-size : 0.95em;
  line-height : 15px;
}

.encart_vert form {
  margin : 0;
}

.encart_vert fieldset {
  border : none;
  margin : 8px;
}

.encart_vert label {
  display : block;
  margin-bottom : 7px;
  text-align : right;
  font-weight : bold;
  font-size : 1.2em;
  cursor : pointer;
}

.encart_vert #mail {
  width : 220px;
  margin-bottom : 15px;
}

.encart_vert #btn_submit {
  float : right;
  margin-right : -3px;
  width : 116px;
  height : 39px;
  color : black;
  font-weight : bold;
  font-size : 1.25em; 
	border : none;
  background : #81E51E url(img/bkgd_btn_bleu.jpg) no-repeat left top;
  cursor : pointer;
}

.encart_vert h4 {
  text-align : right;
  margin : 0 0px 10px 20px;
  padding : 0;
  color : red;
}
/* --- */

#content.contact{
  width : 538px;
}

#form_principal {
  margin : 0;
  padding-top : 15px;
  height : 361px;
  background : #4591C0 url(img/bkgd_formulaire.jpg) no-repeat left top;
}

#content.contact h2 {
  margin : 0 0 0px 0;
  padding : 0px 0 2px 25px;
  font-size : 1.25em;
	color : black;
	text-align : left;
}

#content.contact h4 {
  margin : 0 0px 0px 170px;
  padding : 0;
  color : red;
}

#form_principal fieldset {
  border : none;
}

#form_principal label {
  float : left;
  display : block;
  width : 145px;
  line-height : 28px;
  padding-right : 5px;
  text-align : right;
  font-weight : bold;
  cursor : pointer;
}

#form_principal input {
  margin : 4px 0;
  width : 320px;
  height : 18px;
  border : 0 none;
}

#form_principal textarea {
  margin : 4px 0;
  width : 320px;
  height : 185px;
  border : 0 none;
}

#form_principal #submit {
  float : right;
  margin : 10px 47px 0 0;
  width : 152px;
  height : 39px;
  color : black;
  font-weight : bold;
  font-size : 1.25em; 
	border : none;
  background : #FF9027 url(img/bkgd_btn_orange.jpg) no-repeat left top;
  cursor : pointer;
}



/* -------------- */
/*   Candidats    */
/* -------------- */


table {
  border-collapse: collapse;
  width: 810px;
  font-size : 0.9em;
}

td {
  width : 105px;
  padding : 0 10px;
  height : 140px;
  vertical-align : top;
  text-align : center;
  background : white url(img/bkgd_table.jpg) no-repeat 50% 5px;
}

td.nulle {
  background : none;
}

td#fiche {
  width : 575px;  /* pour IE */
  background : white url(img/bkgd_fiche.jpg) no-repeat 50% 50%;
}

/* --- */

#content table h3 {
  font-size: 0.7em;
  line-height : 0.9em;
  margin : 0 0 -2px 0;
}

#content table a img {
  border : 1px solid #FF851E;
}

#content table a {
  display : block;
  color : #FF851E;
  text-decoration : none;
  font-size : 0.8em;
}

/* --- */

#content table #fiche h3 {
  font-size: 1.15em;
  margin : 5px 0 5px 0;
  text-align : center;
}

table ul {
  float : left;
  margin : 0;
  padding : 0 0 0 15px;
  list-style : none;
}

#content table ul li { 
  text-align : left;
  width : 165px;
  line-height : 1.1em;
}

table ul img {
  border : 2px solid #FF851E;
}

table div {
  text-align: justify;
  margin : 2px 0 0 10px;
  padding-right : 5px;
  width : 350px;
  height : 225px;
  overflow : auto;
}

#content table div p {
  margin : 10px 5px;
  line-height : 1.5em;
}

/* -------------- */
/*   Campagne     */
/* -------------- */

#info {
  padding : 5px 10px 10px 10px;
  text-align : justify;
}

.encart img {
  margin : 0 0 0 50px;
}