﻿@charset "utf-8";
@import url(menus.css);
/* CSS Document */


/**********************************************************************************
------------------------------ STYLES GENERAUX ------------------------------------
***********************************************************************************/

body {
width:100%;
margin-right:auto;
margin-left:auto;
background-image:url(../../images/bg.jpg);
background-repeat:repeat-x;
background-color:#F0F2F4;
}

* {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#45515C;
border:0;
padding:0;
margin:0;
}

#tab_global {
border:0;
margin-right:auto;
margin-left:auto;
margin-top:10px;
}

a {
font-weight:bold;
color:#BDD61E;
text-decoration:underline;
}

a:hover {
font-weight:bold;
color:#A5B1BC;
text-decoration:underline;
}
#coeur * {
font-size:13px;
}

#top {
height:10px;
}

#left {
width:10px;
background-image:url(../../images/bg_l.jpg);
background-repeat:repeat-y;
}

#centre {
width:948px;
background-color:#FFFFFF;
}

#right {
width:10px;
background-image:url(../../images/bg_r.jpg);
background-repeat:repeat-y;
}

#bottom {
height:10px;
}

#contenu {
width:100%;
margin-top:15px;
}

#coeur {
padding-left:15px;
padding-right:15px;
}

#coeur p {
font-size:13px;
}


#coeur p img {
margin-right:10px;
margin-bottom:10px;
padding:10px;
border:1px solid #F0F2F3;
}
#coeur p td.ico img {
margin-right:0;
margin-bottom:0;
padding:0;
border: none;
}

h1 {
font-size:18px;
color:#45515C;
padding-top:0px;
margin-top:0px;
padding-bottom:15px;
margin-bottom:0px;
font-weight:normal;
}

#coeur h1 {
font-size:18px;
color:#45515C;
padding-top:0px;
margin-top:0px;
padding-bottom:15px;
margin-bottom:0px;
font-weight:normal;
}

#coeur h2 {
color:#CCCCCC;
}


/**********************************************************************************
------------------------------ PARTIE SUPERIEURE-----------------------------------
***********************************************************************************/

#bandeau {
width:948px;
height:162px;
background-image:url(../../images/bandeau.png);
background-repeat:repeat-y;
position:relative;
}

#bandeau_top img {
float:left;
padding-top:17px;
margin-left:19px;
}
#bandeau_top #slogan {
color:#45515C;
font-weight:bold;
font-size:15px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
display:block;
padding-top:19px;
margin-right:19px;
text-align:right;
}

#menu {
clear:both;
position:absolute;
bottom:0;
left:7px;
width:94%;
}

#facebook {
width:20px;
height:20px;
position:absolute;
bottom:5px;
right:27px;
}
#facebook a {
width:20px;
height:20px;
display:block;
}

#rss {
width:20px;
height:20px;
position:absolute;
bottom:5px;
right:5px;
}
#rss a {
width:20px;
height:20px;
display:block;
}




/**********************************************************************************
------------------------------ COLONNE  -----------------------------------
***********************************************************************************/

#colonne {
background-image:url(../../images/ligne.png);
background-repeat:repeat-y;
background-position:left;
padding-left:15px;
width:315px;
}

.encart {
width:297px;
margin-bottom:20px;
}

.top_encart {
background-image:url(../../images/top_encart.png);
background-repeat:no-repeat;
height:24px;
font-weight:bold;
color:#8495A4;
font-size:13px;
padding-top:8px;
padding-left:13px;
}

.centre_encart {
background-image:url(../../images/centre_encart.png);
background-repeat:repeat-y;
height:86px;
min-height:86px;
}

.bottom_encart {
background-image:url(../../images/bottom_encart.png);
background-repeat:no-repeat;
height:32px;
text-align:right;
}

.bottom_encart a {
font-weight:bold;
color:#BDD61E;
font-size:11px;
padding-right:13px;
margin-bottom:4px;
display:block;
}
.bottom_encart a:hover {
font-weight:bold;
color:#A5B1BC;
font-size:11px;
padding-right:13px;
margin-bottom:4px;
display:block;
}


/********************************************************
------------------- Communiqués  ------------------------
*********************************************************/
#tab_liens_communiques {
width:90%;
margin-right:auto;
margin-left:auto;
}

.lien_communique {
background-image:url(../../images/puce.gif);
background-repeat:no-repeat;
background-position: left 10px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}

ul
  {
	list-style:url(../../images/puce.gif);
	margin-top: 0;
	margin-left: 20px;
	margin-bottom:10px;
  }

.lien_communique a {
font-weight:normal;
text-decoration:none;
color:#45515C;
}
.lien_communique a:hover {
font-weight:normal;
text-decoration:underline;
color:#000;
}

.ico {
width:20px;
}
/*Added by ei*/
#contenu ul{
margin-left:20px;
}

#contenu p ul{
margin-left:20px;
}


/********************************************************
------------------- DECROUVREZ.  ------------------------
*********************************************************/

#mav {
background-color:#FFFFFF;
border:1px solid #F0F2F3;
margin-bottom:10px;
width:261px;
margin-right:auto;
margin-left:auto;
}

#mav_inter {
margin:10px;
}

.logo_decrouvrez {
padding-right:10px;
}

.titre_decouvrez {
color:#000000;
}

#mini_desc {
font-size:10px;
color:#000;
}

#liens_decouvrez {
font-size:10px;
color:#000;
}

#liens_decouvrez a {
font-size:10px;
color:#000;
}
#liens_decouvrez a:hover {
font-size:10px;
color:#A5B1BC;
}

#description_decouvrez {
color:#000;
width:261px;
margin-left:auto;
margin-right:auto;
}

/**********************************************************************************
------------------------------ PAGE MEMBRES ---------------------------------------
***********************************************************************************/

#liste_membres {
padding-top:15px;
}

.logo_membre {
width:33%;
height:80px;
float:left;
background-image:url(../../images/ligne_h.gif);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:5px;
margin-top:5px;
text-align:center;
vertical-align:middle;
display:inline;
}

.logo_membre a {
display:inline;
}

/**********************************************************************************
------------------------------ PAGE PARTENAIRES -----------------------------------
***********************************************************************************/

.partenaires h3 {
font-size:12px;
font-weight:bold;
color:#45515C;
padding-top:0px;
margin-top:0px;
padding-bottom:5px;
margin-bottom:0px;
}

.partenaires {display:block;
margin-bottom:30px;}

.partenaires p {
color:#8C94A2;
font-size:12px;
padding-bottom:5px;
}

.partenaires img {
margin-right:10px;
margin-bottom:10px;
padding:10px;
border:1px solid #F0F2F3;
}

/**** Communiqués *****/


#chapo {
color:#BDD61E;
font-size:15px;
font-weight:bold;
padding-bottom:30px;
}

/**** Light box*****/

.lightbox {
position:absolute;
width:550px;
height:450px;
overflow:auto;
background-image:url(../../images/fond_lightbox.png);
background-repeat:repeat-x;
background-position:bottom;
padding:15px;
border: 2px solid #45515C;
background-color:#FFFFFF;
z-index:9999;
}

#box_close {
width:100%;
text-align:right;
}

#haut_lightbox {
height:100px;
}

#haut_lightbox img {
margin-right:10px;
margin-bottom:10px;
padding:10px;
border:1px solid #F0F2F3;
display:block; float:left;
}

#haut_lightbox div {
float:left;
width:60%;
}

#haut_lightbox div #titre_mb {
font-size:18px;
color:#45515C;
padding-bottom:10px;
}

#haut_lightbox div #baseline {
font-size:11px;
padding-bottom:20px;
}

#coeur p, .cpp p {
margin-bottom:10px;
}
#coeur * p, .cpp p {
margin-bottom:0;
}
#coeur td
  {vertical-align: top;}

#desc_mb {
	text-align:justify;
	line-height:14pt;
}

#formpurjob
  {
	background-color: #566c77;
	position: absolute;
	height: 83px;
	margin-top: 60px;
	padding: 0 0 0 130px;
	width: 460px;
  }
#formpurjob td.focus
  {
	color: #D1D026;
  }
#formpurjob td
  {vertical-align:middle;}
#purjob
  {
	height:200px;
	margin-top: 10px;
  }
#logopurjob
  {
	position: absolute;
	margin: -17px 0 0 30px;
	width: 91px;
	height: 201px;
  }
#baselinepurjob
  {
	position: absolute;
	margin: 10px 0 0 130px;
	color:#D1D026;
	font-size:20px;
  }
#baselinepurjob strong
  {
	font-weight: normal;
	color:#566C77;
	font-size:20px;
  }
