body {
	margin : 0;
	padding : 0;

	background-color : #1B608E;
	background-image : url(../images/page-fond.gif);
	background-repeat : repeat-x;

	text-align : center;
    
	/*padding-bottom : 1em;*/
}

a {
	color : #6C6C6C;
}

a:hover {
	color : #000;
}

#page {
	position : relative;

	text-align : left;
	margin : auto;

	width : 766px;

	background-color : #fff;

	border-left : 1px solid #124D74;
	border-right : 1px solid #124D74;
	/*border-bottom : 1px solid #124D74;*/
}


/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	background-image : url(../images/entete-fond.jpg);
	background-position : 315px 0px;
	background-repeat : no-repeat;

	height : 332px;
}

#entete h1 {
	margin : 0;
	padding : 0;

	text-indent : -9000px;

	background-image : url(../images/rac-logo.jpg);
	width : 282px;
	height : 98px;
	
	overflow : hidden;
}

#entete-contact a {
	display : block;
	position : absolute;

	top : 0px;
	left : 640px;

	/*width : 61px;*/
	width: 103px;
	height : 24px;

	background-image : url(../images/entete-bulletins-fond.gif);

	/*padding-left : 42px;*/
	text-align: center;
	
	padding-top : 6px;

	font-size : 8pt;
	color : #fff;

	text-decoration : none;
}

#entete-contact a:hover {
	text-decoration : underline;
}


/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	margin : 0;
	padding : 0;

	list-style-type : none;

	position : absolute;
	left : 28px;
	top : 107px;
}

#menu li {
	margin : 2px 0px 0px 0px;
	padding : 0;

	display : block;
	width : 202px;
	height : 24px;

	text-indent : -9000px;

	overflow : hidden;

	margin-bottom : 1px;
}

* html #menu li {
	display : inline;
}

#menu li a {
	display : block;
	position : relative;
	width : 202px;
	height : 24px;

	overflow : hidden;

	background-repeat : no-repeat;
	background-position : 0px 0px;
}

#menu li a:hover {
	/*background-position : 7px 0px;*/
}

#menu-accueil, #menu-accueil a {
	background-image : url(../images/menu-accueil.gif);
}

#menu-a_propos, #menu-a_propos a {
	background-image : url(../images/menu-a_propos.gif);
}

#menu-demarche, #menu-demarche a {
	background-image : url(../images/menu-demarche.gif);
}

#menu-programmes, #menu-programmes a {
	background-image : url(../images/menu-programmes.gif);
}

#menu-liens_utiles, #menu-liens_utiles a {
	background-image : url(../images/menu-liens_utiles.gif);
}

#menu-contact, #menu-contact a {
	background-image : url(../images/menu-contact.gif);
}

/*--------------------------------------------------------------------
/* LIENS PROGRAMMES
/**/

#liens_programmes {
	position : absolute;

	left : 0px;
	top : 279px;

	padding-left : 245px;
    padding-top : 28px;

	background-image : url(../images/entete-titre-rac.jpg);
	background-position : top left;
	background-repeat : no-repeat;
}

#liens_programmes a {
	text-indent : -9000px;
	overflow : hidden;
	height : 80px;
	float : left;
}

#lien-secondaire {
	width : 261px;
	background-image : url(../images/lien-secondaire.jpg);
}

#lien-collegial {
	width : 260px;
	background-image : url(../images/lien-collegial.jpg);
}

#liens_programmes .separateur {
	text-indent : -9000px;
	width : 1px;
	float : left;
}



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

#colonne_gauche {
	width : 202px;
	padding-left : 20px;
	padding-right : 20px;
	
	margin-top: 20px;

	float: left;
	/*position : absolute;
	top : 350px;
	left : 0;*/
}

#colonne_gauche div.message
{
	border : 1px solid #666;
	background-color : #ffb01d;
}

#colonne_gauche a
{
    color: #6C6C6C;
}

#colonne_gauche a:hover
{
	color : #000;
}

#conditions, #dossier, #faq
{
    min-height: 60px;
    margin-top: 30px;    
    padding-left: 75px;
    background-repeat: no-repeat;
}

* html #conditions, * html #dossier, * html #faq {
	height : 60px;
}

#conditions a, #dossier a, #faq a
{
    font-weight: bold;
}

#colonne_gauche #conditions p, #colonne_gauche #dossier p, #colonne_gauche #faq p
{
    margin: 0px;
    padding: 0px;
}

#conditions
{
    background-image: url(../images/conditions.jpg);      
}

#dossier
{
    background-image: url(../images/dossier.jpg);      
}

#faq
{
    background-image: url(../images/faq.gif);      
}

#facebook {
	margin-top : 30px;
	text-align : center;
}

#slogan {
	margin-top : 30px;
	text-align : center;
}

/*--------------------------------------------------------------------
/* FIL
/**/

#fil {
    font-size : 10px;
    z-index : 1;
}

#contenu #fil a {
    color : #df7218;
}

/*--------------------------------------------------------------------
/* CONTENU
/**/


#contenu {
	width : 500px;

	padding-top : 58px;
	/*margin-left : 243px;*/
	padding-right : 18px;

	min-height : 235px;

	color : #6C6C6C;
	font-size : 1em;
	
	float: right;
}

* html #contenu {
	height : 235px;
}

#contenu a {
	color : #6C6C6C;
}

#contenu a:hover {
	color : #000;
}

#contenu .colonne {
	width : 220px;
	float : left;
}

#colonne1 {
	margin-right : 40px;
}

#colonne2 {
	
}

/*--------------------------------------------------------------------
/* HAUT
/**/
#haut
{
	clear: both;
    font-size: 8pt;
    padding-right: 30px;
}

#haut img
{
    margin-left: 5px;
}

#haut p.droite
{
    margin-top: 0px;
}

p.droite
{
    text-align: right;
}

/*--------------------------------------------------------------------
/* LOGOS
/**/
#logos
{
    width: 766px;
    text-align:center;
    margin-bottom: 10px;
    margin-top: 10px; 
    clear: both;
}

#logos div.logo
{
    display: inline;
    margin: 0px 40px 0px 40px;
    padding: 0px;   
}

#logos img
{
    margin: 0px;
    padding: 0px;   
}

#logos a 
{
    text-decoration: none;
}


/*--------------------------------------------------------------------
/* FORMULAIRE
/**/

fieldset
{
    margin-top:15px;
}

form {
    margin-top: 10px;
}

form div
{
    margin-top:5px;
}

form .champ {
	margin-bottom : 5px;
}

form .champ .libelle {
	float : left;
	width : 80px;
	margin-right : 10px;
}

form input, form textarea
{
	padding : 3px;
	font-size: 11px;
	background-color : #fff;
}

form .champTexte input, form .champTexte textarea {
	width : 250px;
}

form .champTexte textarea {
	height : 75px;
}

form .soumission {
	width:150px;
    margin-right:auto;
    margin-left:auto;
}

form .soumission input {
	padding : 3px;
	border : 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #000;
	font-weight : bold;
	background-color : #fff;
	width : 100px;
}

.message {
	border : 1px solid #666;
	background-color : #ffb01d;
	padding : 5px 10px;
	margin-top : 1em;
	margin-bottom : 1em;
	color : #000;
}

.message ul {
	list-style-type : square;
}

.message p, .message ul {
	margin-top : 1em;
	margin-bottom : 1em
}


/*--------------------------------------------------------------------
/* PIED
/**/


#pied {
	text-align : center;

	background-color : #E3E3E3;
	color : #41759E;
	font-size : 8pt;

	padding-top : 2em;
	padding-bottom : 2em;

	line-height : 1.5em;
}

#pied a {
	color : #41759E;
}

#pied a:hover {
	color : #1B476A;
}

#liens-icons
{
    margin-bottom: 10px;
}

#liens-icons img
{
    margin-right: 10px;
    margin-left: 30px;
    vertical-align: bottom;
}