/*
	CSS pour MIE
	Emilie - egzakt.com
	2006-10-03
*/

body {
	background-color:#fff;
	font:12px/18px Arial, Verdana, serif;
	margin:0 0 5px 0;
	color:#4C4C4C;
}

h1 {
	font: 23px/26px Arial, Verdana serif;
	color:#2491BD;
	margin:0;
}

h2 {
	font:bold 16px/22px Arial, Verdana serif;
	color:#4C4C4C;
	margin:0 0 4px 0px;
	padding:12px 0 1px 12px;
	border-bottom:1px solid #EEF3DC;
}

/* Personnalisations */
h1 span.print {
	display:none;
}
h2.section_2 {
	color:#CF9013;
}
h2.section_20 {
	color:#32BEFF;
}

h3 {
	font:bold 16px/18px Arial, Verdana serif;
	color:#4C4C4C;
	border-bottom:1px solid #EEF3DC;
	padding:5px 0 2px 0;
	margin:0 0 8px 0;
}

h4 {
	font:bold 14px/16px Arial, Verdana serif;
	color:#7AB33F;
	padding:5px 0 2px 0;
	margin:0 0 8px 0;
}

h4 a {
	color:#7AB33F;
}

h4 a:hover, h4 a.selected, h4 a.selected:hover {
	color:#4C4C4C;
}

h5 {
	font:bold 14px/16px Arial, Verdana serif;
	color:#4C4C4C;
	padding:5px 0 2px 0;
	margin:0 0 10px 0;
}

a {
	cursor:pointer;
	color:#2491BD;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#000000;
}

img {
	border:0;
}

#wrapper {
	width:758px;
	margin:8px auto 0 auto;
	background-color:#E6E8CA;
	padding:7px 7px 16px 0;
}


/* ENTETE
-----------------------------------------*/
#entete {	
	width:758px;
	margin-bottom:7px;
}

#entete #recherche_rapide {
	width:196px;
	float:left;
	margin-top:6px;
}

#entete #recherche_rapide_contenu {
/*	padding:10px 10px 0 26px;
	height:50px;*/
}

#entete #recherche_rapide_contenu a#btn_services_disponibles img.over {
	position:absolute;
	visibility:hidden;
}

#entete #recherche_rapide_contenu a#btn_services_disponibles:hover {
	background:none; /* Pour IE6 réactivité :hover img.over */
}

#entete #recherche_rapide_contenu a#btn_services_disponibles:hover img.over {
	visibility:visible;
}

#entete #recherche_rapide_contenu input.mots_cles {
	border:1px solid #D0DAA1;
	padding:2px;
	width:110px;
	font:11px/14px Verdana, Arial, sans-serif;
	color:#4B4B4B;
}

#entete #recherche_rapide_contenu form {
	margin:0;
}

#entete #recherche_rapide_contenu .go {
	position:relative;
	top:3px;
	left:3px;
}

#entete #recherche_rapide_contenu .lien_avancee {
	position:relative;
	top:3px;
	left:3px;
}

#entete h1 {
	float:right;
	width:548px;
}

#barre_usager {
	width:742px;
	height:20px;
	padding:2px 10px 0 0;
	margin:0 0 8px 6px;
	text-align:right;
	font-size:11px;
	background:url(../images/tuiles/barre_usager.gif) no-repeat top left;
}


/* COLONNES
-----------------------------------------*/
#colonnes {
	background:url(../images/tuiles/colonnes.gif) repeat-y top left;
	width:758px;
	position:relative;
}

#colonnes.accueil {
	background:url(../images/tuiles/colonnes_accueil.gif) repeat-y top left;
}

#colonne_gauche {
	float:left;
	width:196px;	
}

#colonne_droite {
	float:right;
	background:url(../images/graphiques/colonne_droite_haut.gif) no-repeat 7px 0px;
	width:534px;
	padding:0 7px;
}

#colonnes.accueil #colonne_droite {
	background:none;
}

#actions {
	margin:5px 0 0 0;
	text-align:right;
}

#actions a {
	text-decoration:none;
	font:11px/14px Arial, Verdana, serif;
	color:#3C3C3C;
}

#actions a#imprimer {
	padding:2px 28px 2px 0;
	margin-right:15px;
	background:url(../images/icones/imprimer.gif) no-repeat right 0;
}
#actions a#envoyer_ami {
	padding:2px 28px 2px 0;
	margin-right:10px;
	background:url(../images/icones/envoyer_ami.gif) no-repeat right 2px;
}

#actions a:hover {
	text-decoration:underline;
}

#colonne_droite #contenu {
	padding:6px 12px;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	list-style-type:none;
	margin:0 0 0 3px;
	padding:0 0 50px 0;
	background:url(../images/tuiles/btn_linklist_bckg_btm.gif) no-repeat bottom left;
}

/* Pour régler bug marge Firefox et IE6 */
#navigation dt a {
	display:block;
	width:173px;
	text-decoration:none;
	color:#001e7b;
	background:url(../images/tuiles/btn_linklist_bckg_up.gif) no-repeat bottom right;
	font-size:12px;
	line-height:14px;
	padding:3px 8px;
}

#navigation dt a:hover {
	background:#037dc8;
	color:#FFFFFF;
}

#navigation dt a.selected {
	font-weight:bold;
}

#sous_navigation {
	width:183px;
	margin:3px 0 0 0;
}

#sous_navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sous_navigation li {
	display:inline;
}

#sous_navigation li a  {
	display:block;
	background:url(../images/tuiles/sous_navigation.jpg) repeat-y 0 0;
	border-bottom:3px solid #EEF3DC;
	text-decoration:none;
	padding:3px 10px 3px 20px;
	margin:0;
	font:12px/14px Arial, Verdana, sans-serif;
	color:#4C4C4C;
}

#sous_navigation li a:hover {
	color:#017cc9;
}

#sous_navigation li a.selected, #sous_navigation li a.selected:hover {
	background-position:-183px 0;
	color:#017cc9;
}

#bouton_dossier {
	margin-bottom:10px;
}

.bouton_contacter_fr {
	background:url(../images/boutons/btn_conseiller.gif) no-repeat top left;
}

.bouton_contacter_en {
	background:url(../en/images/boutons/btn_conseiller.gif) no-repeat top left;
}

.bouton_contacter {
	display:block;
	height:48px;
}

.bouton_contacter:hover {
	background-position:0 -48px;
}


/* ACCUEIL
-----------------------------------------*/
#accueil_gauche {
	float:left;
	width:267px;
}

#accueil_droite {
	float:right;
	width:258px;
}

#accueil_texte {
	width:248px;
	height:219px;
	padding:10px;
	background:url(../images/tuiles/accueil_texte.jpg) no-repeat top left;
	font:11px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	margin-bottom:5px;
}

.boite_vedette {
	background-color:#FFFFFF;
	padding:10px 10px 0 10px;
	margin-top:1px;
}

.vedette {
	color:#7C7C7C;
	font:11px/14px Arial, Verdana, sans-serif;
	overflow:auto;
	height:1%;
	padding-bottom:8px;
}	

.vedette .date {
	color:#2491BD;
}

.vedette .region_nom {
	color:#92b33f;
	font-weight:bold;
}

.vedette a.nom {
	color:#3C3C3C;
	font:bold 11px/14px Arial, Verdana, sans-serif;
	text-decoration:none;
}

.vedette img.plus {
	float:right;
	padding-top:2px;
}


/* PROGRAMMES DISPONIBLES
-----------------------------------------*/
#programmes h4 {
	margin-bottom:0;
}

#programmes .adresse {
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
}

#programmes .listing {
	width:510px;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	line-height:16px;
}

#programmes .listing li {
	display:inline;
}

#programmes a.nom {
	display:block;
	position:relative;
	width:510px;
	background-image:url(../images/boutons/programmes_niveau1.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#3C3C3C;
	text-decoration:none;
}

#programmes a.nom:hover {
	color:#cf9013;
}

#programmes li.selected a.nom {
	background-position:-510px 0;
	color:#cf9013;
}

#programmes span.nom {
	display:block;
	padding:4px 40px 0 27px;
}

#programmes .diplome {
	position:absolute;
	top:4px;
	right:7px;
}

#programmes .nom_bas {
	display:block;
	position:relative;
	top:-2px;
	padding-bottom:6px;
}

#programmes .detail {
	background:url(../images/tuiles/faqs_niveau1_reponse.gif) no-repeat top left;
	position:relative;
	width:510px;
}

#programmes .detail .padding {
	padding:10px 10px 2px 27px;
}

#programmes .detail .personne {
	margin-bottom:8px;
}

#programmes .detail .personne a {
	color:#4C4C4C;
}

#programmes .detail h6 {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	margin:9px 0 2px 0;
}

#programmes .detail_bas {
	display:block;
	position:relative;
	padding-bottom:2px;
}


/* QUOI DE NEUF
-----------------------------------------*/
#quoideneuf {
	position:relative;
	width:510px;
}

#quoideneuf #types {
	position:absolute;
	top:-32px;
	right:0;
}

#quoideneuf #types a:hover {
	background:transparent;
}

#quoideneuf #types a .over {
	position:absolute;
	visibility:hidden;	
}

#quoideneuf #types a:hover .over {
	visibility:visible;
}

#quoideneuf #types a.selected .over {
	visibility:visible;
}

#quoideneuf #types .separateur {
	color:#E6E8CA;
	position:relative;
	top:-2px;
	padding:0 5px;
}


#quoideneuf #classer {
	margin-bottom:10px;
	position:relative;
	top:-2px;
}

#quoideneuf #classer a {
	padding-left:3px;
}

#quoideneuf #classer a:hover {
	background:transparent;
}

#quoideneuf #classer a .over {
	position:absolute;
	visibility:hidden;	
}

#quoideneuf #classer a:hover .over {
	visibility:visible;
}

#quoideneuf #classer a.selected .over {
	visibility:visible;
}

#quoideneuf #classer .separateur {
	position:absolute;
	bottom:-1px;
	left:-11px;
}


/* QUOI DE NEUF - LISTING
-----------------------------------------*/
#quoideneuf ul#nouvelles {
	width:480px;
	list-style-type:none;
	padding:0;
	margin:0;
	line-height:16px;
}

#quoideneuf li {
	padding-bottom:12px;
}

#quoideneuf ul#nouvelles a {
	display:block;
	width:480px;
	text-decoration:none;
	background:url(../images/icones/plus.gif) no-repeat right center;
}

#quoideneuf ul#nouvelles a:hover .titre {
	text-decoration:underline;
}

#quoideneuf ul#nouvelles .date {
	color:#2491BD;
}

#quoideneuf ul#nouvelles img {
	padding:0 3px;
}

#quoideneuf ul#nouvelles .region_nom {
	display:block;
	color:#92b33f;
	font-weight:bold;
}

#quoideneuf ul#nouvelles .titre {
	display:block;
	width:455px;
	color:#3C3C3C;
	font-weight:bold;
}

#quoideneuf ul#nouvelles .intro {
	display:block;
	width:455px;
	color:#7C7C7C;
	margin-top:2px;
}


/* QUOI DE NEUF - DÉTAIL
-----------------------------------------*/
#quoideneuf #detail {
	padding-top:4px;
}

#quoideneuf #detail .date {
	color:#2491BD;
}

#quoideneuf #detail a.retour {
	float:right;
	position:relative;
	top:-3px;
}

#quoideneuf #detail h4 {
	margin:1px 0 3px 0;
	padding:0;
}


/* TEXTES
-----------------------------------------*/
.bloc_texte th {
	background-color:#EEF3DC;
	padding:5px;
	font-size:12px;
}

.bloc_texte td {
	background-color:#EDEDED;
	padding:10px;
	vertical-align:top;
	font-size:12px;
}

.bloc_texte h3 {
	font:bold 16px/18px Arial, Verdana serif;
	color:#4C4C4C;
	border-bottom:1px solid #EEF3DC;
	padding:5px 0 2px 0;
	margin:0 0 8px 0;	
}

.bloc_texte ul {
	margin:0;
	padding:0 0 10px 20px;
}

.bloc_texte ul li {
	list-style-type:square;
}

.note {
	font:11px/14px Arial, Verdana, sans-serif;
}


/* PUBLICATIONS (ET RESSOURCES)
-----------------------------------------*/
#fichiers .listing {
	width:510px;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	line-height:14px;
}

#fichiers .listing li {
	position:relative;
	width:510px;
	padding-bottom:5px;
}

#fichiers .listing a {
	display:block;
	padding:4px 10px 4px 30px;
	text-decoration:none;
	background-color:#F2F6E4;
	color:#3C3C3C;
}

#fichiers .listing a:hover {
	background-color:#E6E8CA;
}

#fichiers .listing img {
	position:absolute;
	top:3px;
	left:7px;
}

#fichiers .niveau2 {
	padding:0 0 12px 27px;
}

#fichiers .niveau2 h4 {
	margin:0 0 6px 0;
}

#fichiers .niveau2 .listing {
	width:483px;
}

#fichiers .niveau2 .listing li {
	width:483px;
}


/* FAQS NIVEAU 1
-----------------------------------------*/
#faqs .listing {
	width:510px;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	line-height:16px;
}

#faqs .listing li {
	position:relative;
	padding-bottom:6px;
}

#faqs a.question {
	display:block;
	width:510px;
	background-image:url(../images/boutons/faqs_niveau1.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#3C3C3C;
	text-decoration:none;
}

#faqs a.question:hover {
	color:#3AAF9D;
}

#faqs li.selected a.question {
	background-position:-510px 0;
	color:#3AAF9D;
}

#faqs a.question span {
	display:block;
	padding:4px 10px 0 47px;
}

#faqs a.question strong {
	position:absolute;
	top:4px;
	left:27px;
}

#faqs .question_bas {
	display:block;
	position:relative;
	top:-2px;
}

#faqs .reponse {
	background:url(../images/tuiles/faqs_niveau1_reponse.gif) no-repeat top left;
	position:relative;
	width:510px;
}

#faqs .reponse strong {
	position:absolute;
	top:8px;
	left:27px;
}

#faqs .reponse span {
	display:block;
	padding:8px 10px 0 47px;
}

#faqs .reponse_bas {
	display:block;
	position:relative;
	padding-bottom:2px;
}


/* FAQS NIVEAU 2
-----------------------------------------*/
#faqs .niveau2 {
	padding-left:27px;
}

#faqs h4 {
	color:#3AAF9D;
	margin:0 0 2px 0;
}

#faqs .niveau2 .listing {
	width:483px;
}

#faqs .niveau2 a.question {
	width:483px;
	background-image:url(../images/boutons/faqs_niveau2.gif);
}

#faqs .niveau2 li.selected a.question {
	background-position:-483px 0;
}

#faqs .niveau2 .reponse {
	width:483px;
	background-image:url(../images/tuiles/faqs_niveau2_reponse.gif);
}


/* DOSSIER EN DIRECT
-----------------------------------------*/
#dossier input {
	border:1px solid #5BA9C1;
	width:240px;
	margin-bottom:5px;
}

#dossier label {
	float:left;
	width:110px;
	padding-right:10px;
	text-align:right;
	margin-bottom:5px;
}

#dossier .bouton_image {
	border:0;
	padding:0;
	width:69px;
	margin:6px 0 0 120px;
}


/* NOUS JOINDRE
-----------------------------------------*/
#contact input, #contact textarea {
	border:1px solid #5BA9C1;
	width:240px;
	margin-bottom:5px;
}

#contact label {
	float:left;
	width:70px;
	padding-right:10px;
	text-align:right;
	margin-bottom:5px;
}

#contact .bouton_image {
	border:0;
	padding:0;
	width:54px;
	margin:6px 0 0 80px;
}


/* BAS
-----------------------------------------*/
#navig_bas {
	width:765px;
	margin:12px auto 0 auto;
	text-align:center;
	font:11px/14px Arial, sans-serif;
	color:#000000;
}

#navig_bas a {
	text-decoration:none;
}

#navig_bas a:hover {
	text-decoration:underline;
	color:#2491BD;
}

#signature_qc {
	width:765px;
	margin:0 auto;
	text-align:center;
	font:11px/14px Arial, sans-serif;
}

.retour {
	font-size:11px;
	line-height:12px;
	text-align:right;
	padding:6px 8px 6px 0;
}


/* FORMULAIRE
-----------------------------------------*/
input, select, textarea {
	border:1px solid #666666;
	padding:2px;
	font:12px/14px Arial, Verdana, sans-serif;
	color:#4C4C4C;
}

.radio {
	border:0;
}

.erreur {
	color:#E22735;
}

form {
	margin:0;
}

.message_erreur, .message_succes {
	width:80%;
	background-color:#FFFFFF;
	margin:0 auto;
	color:#E22735;
	font: 12px/14px Arial, Verdana, sans-serif;
	border:1px solid #E22735;
	padding:8px;
	text-align:center;
}

.message_succes {
	color:#42be35;
	border:1px solid #42be35;
}


/* POPUP
-----------------------------------------*/
body.popup {
	margin:0;
	background-color:#E6E8CA;
}

#popup_entete {
	background:#E6E8CA url(../images/tuiles/entete_popup.jpg) top center no-repeat;
	height:81px;
}
#popup_wrapper {
	width:588px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:10px 15px;
}

.popup_fermer {
	text-align:center;
	margin-top:5px;
}

/* POP CONTACTER CONSEILLER
-----------------------------------------*/
body.contacter_conseiller {
	margin:0;
	
}

body.contacter_conseiller #conteneur{
	padding:10px;
	width:564px;
}


body.contacter_conseiller #entete {
	width:auto;
	background-color:#307AC6;
	color:#ffffff;
	padding:4px 10px;
	font-size:14px;
}

body.contacter_conseiller #conteneur_formulaire {
	padding:15px 30px 0px 30px;
}

body.contacter_conseiller table {
	width:100%;
}

body.contacter_conseiller table tr td label{
	display:block;
}

body.contacter_conseiller table tr td{
	padding-bottom:10px;
}

body.contacter_conseiller table tr td.colonne_droite{
	padding-left:40px;
	width:50%;
}

body.contacter_conseiller table tr td input.input_texte{
	width:100%;
	background-color:#F1F3E3;
	border:none;
	padding:4px;
	font-size:14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.contacter_conseiller table tr td textarea.input_texte{
	width:100%;
	background-color:#F1F3E3;
	border:none;
	padding:4px;
	font-size:14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	height:100px;
	resize: vertical;
	
}

body.contacter_conseiller table tr td input.input_bouton{
	background-color:#005FBA;
	color:#FFFFFF;
	height:30px;
	padding:0px 10px;
}

body.contacter_conseiller table tr td select.input_choix{
	width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.contacter_conseiller table tr td.bouton_action{
	text-align:right;
}

body.contacter_conseiller span.requis{
	color:#F47C15;
}

/* DIVERS
-----------------------------------------*/
.print {
	display:none;
}