@charset "UTF-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
body{
	background: #2e6c90 url(../images/bdg_page.jpg) left bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif;

}
#conteneur{
	margin: auto;
	border: solid 15px #FFF;
	width: 925px;
	color: #626365;
	background-color: #fff;
}
p{
	font-size:0.8em;
}
ul{
	/* font-size: 0.8em; */
} 
a{
	color:#397ba2;
}
a:hover{
	color: black;
}
a:visited{
	color:#397ba2;
}
img {
	border: none;
}
/*  ---------------
		En tête
	---------------   */
	
#header{ /* Bloc pour l'entête */
	width: 100%;
	height: 156px;
	background: url(../images/bdg_header.jpg) no-repeat top left;
}

#bottin{ /* Lien pour le bottin */
	padding: 5px;
	margin-top: 10px;
	background: url(../images/bdg_bottin.jpg) repeat-x #cc6600;
	float: right;
}
#bottin a{
	color: white;
	font-weight:bold;
	text-decoration: none;
}
#bottin a:hover{
	text-decoration: underline;
}
#bottin img{
	vertical-align: middle;
	padding-right: 5px;
}
#recherche{
	float: right;
	margin-top: 30px;
	margin-right: 5px;
	text-align:right;
}
#recherche input{
	background-color:#2e6c90;
	padding: 2px;
	border: solid 1px white;
	color: white;
}

/*  ---------------
		Contenu
	---------------   */
#contenu h2{
	background: url(../images/bdg_titreBoite.jpg) repeat-x;
	line-height: 22px;
	font-size: 0.8em; 
	color: #FFF;
	padding-left: 5px;
	text-transform: uppercase;
}
#colGauche{
	width: 225px;
	margin-left: 5px;
	float: left;
}
#colCentre{
	width: 430px;
	margin-left: 247px;
}
#colDroite{
	width: 225px;
	float: right;
	margin-right: 5px;
}


#colGauche ul { /* Menu secondaire */
	font-size: 0.8em;
}
#colGauche li{
	list-style-type: none;
}
#colGauche li a{
	display: block;
	background: #39a7e6 url(../images/bdg_menuSec.jpg) repeat-y;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border: solid 1px #003366;
	width: 212px;
	line-height:1.2em;
	margin-bottom: 2px;
	
}
#colGauche li a:hover{
	background: #f07201 url(../images/bdg_menuSec_hover.jpg) repeat-y;
	
}

#img_rotator{
display:none;
}

	/* Blocs avec une grille différente (suite de la page) */
#informationsSupplementaires{
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
#courAujourdhui{
	height: 107px;
}
#emploi{
	width: 450px;
	height: 213px;
	float: left;
}
#emploi .lienPuce{
	margin-left: 300px;
}
#informationsSupplementaires #conteneurDroit{
	float: right;
	width: 450px;
}
#informationsSupplementaires ul, #courAujourdhui ul{ /* Listes de lien / contenu - À la cour aujourd'hui et emploi */
	font-size: 0.8em;
	margin: 5px 5px 5px 30px;
}
#informationsSupplementaires li, #courAujourdhui li{
	list-style-image: url(../images/puce_infos.gif);
	padding: 0px 0px 3px 5px;
}

/* ----- */
#partenaires, #liensRss, #courAujourdhui, #emploi, #evenementVedette, #commRecents, #proforma, #coordonnees, #calendrier, #reference{
	background-color: #eff4f6;
	margin-top: 10px; 
	border: solid 1px #003366;
	padding-bottom: 5px;
	}

#partenaires p, #liensRss p, #courAujourdhui p, #emploi p,  #evenementVedette p, #commRecents p, #proforma p, #coordonnees p, #calendrier p, #reference p, coordonnees p{
	padding: 5px;
}
#calendrier{
	margin-top: 0px;
}
#liensRss{
	margin-left: 5px;
	margin-right: 5px;
}
#partenaires img{
	padding: 8px 5px 8px 5px;
}
#emploi{
	margin-bottom: 10px;
}
#liensRss{
	background-color: #FFF;
	clear: both;
}
#liensRss img{
	padding:0px 5px 0px 10px;
	vertical-align:middle;
}
#liensRss a{
	text-decoration: none;
}

#calendrier{
	/* height: 250px; */
}

#nav_calendrier{
background-color:#505153;
color:#FFFFFF;
font-size:12px;
margin-left:auto;
margin-right:auto;
padding:3px;
position:relative;
right:0px;
text-align:center;
top:20px;
width:174px;
}

#nav_calendrier a{
color:#fff;
font-size:12px;
text-decoration:none;
}

#calendrier table{
	/* position: relative; */
	margin-left:auto;
	margin-right:auto;
	width: 180px;
	font-size: 0.8em;
	border:1px solid #a8abb2;
	background-color:#ebecee;
}

#calendrier td{
	text-align: center;
	border-collapse: collapse; 
}
#calendrier td a{
	color: #FFF;
	text-decoration: none;
}
#coordonnees p{
	line-height: 0.4em;
}
#coordonnees{
	padding-bottom: 10px;
}
#coordonnees h2{
	margin-bottom: 5px;
}
#evenementVedette{
	height:265px;
	width:428px;
}
#evenementVedette p{
	text-align:center;
}
#evenementVedette img{
	margin-top: 18px;
	border:1px solid #A8ABB2;
}
#reference{
	padding-bottom: 7px;
	height: 201px;
}
#reference p{
	text-align: center;
	line-height: 1.2em;
}
#contenu #reference h2{
	background: url(../images/bdg_titreBoite_reference.jpg) repeat-x;
	margin-bottom: 8px;
}
#proforma h2{
	text-align:left;
	background: url(../images/bdg_titreBoite_reference.jpg) repeat-x;
}
#proforma{	
	text-align: center;
	height: 206px;
}
#proforma img{
	padding-bottom:5px;
}
#proforma .lienPuce{
	margin-left: 75px;
}

/* Liens - Tous les proformas, tous les communiqués, tous les détails, etc. */
.lienPuce{	
	background: url(../images/puce_infos.gif) left center no-repeat;
}
.lienPuce a{
	margin-left: 10px;
}
.lienPuce a:hover{
	color: black;
}
#commRecents{
	height: 155px;
	
}
#courAujourdhui, #commRecents, #proforma{
	margin-top: 15px;
}
#commRecents .lienPuce{
	margin-left: 250px;
}
#calendrier .lienPuce{
	margin-left: 80px;
}

#commRecents ul{
	margin-top: 10px;
	margin-left: 30px;
	font-size: 0.8em;
}
#commRecents ul li{	
	list-style-image: url(../images/puce_menuSec.gif);
}
#commRecents ul li ul{
	margin: 0px;
}
#commRecents ul li ul li{
	list-style-image: none;
	list-style-type: none;
}
#emploi .text{
	padding-left: 5px;
	font-size: 0.8em;
}
#proposRss{
	float: right;
	padding-right: 10px;
	text-transform:none;
}
#proposRss a, #proposRss a:visited{
	text-decoration: underline;
	color: #FFF;
}
#iconRss{
	padding-top: 2px;
	float: right;
	padding-right: 5px;
}
#iconRss img{
	border:0px;
}
/*  ----------------
	Info bulle
	---------------- */

a.info{
    position:relative; 
	display:block;
	background-color: #CC6600;
    z-index:24; }

a.infopass{
position:relative; 
display:block;
background-color: #37A1DB;
z-index:24; 
}
	
	
a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover
Exemple d'utilisation: <a href="#">Cliquez<span>contenu infoBulle</span></a>
 */
	display:block; 
	position:absolute;
	color: #000;
	top:2em;
	right:2em;
	width:22em;
	border:1px solid #6699cc;
	background-color:#eeeeee; 
	text-align: justify;
	font-weight:none;
	padding:10px;
    }


	
a.infopass:hover{z-index:25;}

a.infopass span{display: none}

a.infopass:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover
Exemple d'utilisation: <a href="#">Cliquez<span>contenu infoBulle</span></a>
 */
	display:block; 
	position:absolute;
	color: #000;
	top:2em;
	right:2em;
	width:22em;
	border:1px solid #6699cc;
	background-color:#eeeeee; 
	text-align: justify;
	font-weight:none;
	padding:10px;
    }
/*  ---------------
	Pied de page	
	---------------   */
.copyright{
	font-size: 0.8em;
	color:  #2e6c90;
	text-align: right;
	padding: 5px;
	clear: both;
}

#aujourdhui{
display:block;
border:2px solid black;
}