﻿/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, re dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{background: none repeat scroll 0 0 transparent; border: 0 none;font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}

/* Elements HTML */
body {background:#fff;color:#333;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 0.688em;height: 100%;}
ul {margin:0 0 0 1.5em}
button {padding:0;margin:0;line-height:1;font-size:1em;overflow:hidden;border:0;background:none;font-family:Verdana,Arial,Helvetica,sans-serif;}
a, 
a:link, 
a:visited, 
a:active, 
a:focus {color:#006684;text-decoration:underline;}

a:hover {/*background-color:#eee*/}
a:focus {outline:1px dotted #999}
h1 {font-size:2em;font-weight:bold;color:#707070;padding-bottom: 0.2em;border-bottom:1px dashed #ccc;margin-bottom:0.6em}
h2 {font-size:1.2em;font-weight:bold;color:#333333;padding-bottom: 0.6em;line-height:normal;}
p {padding-bottom:1em;}
sup {font-size:0.8em;vertical-align:top;line-height:1} 

/* Structure */
#aspnetForm {background:#fff url(/Style%20Library/Images/v2/bg-body.gif) center 15em no-repeat;}
.enveloppeGlobale {width:952px;padding:0 4px;margin:0 auto;position: relative;margin-top:35px;}
.encadre {border:1px solid #ccc;overflow:hidden;float:left;margin-bottom:1em; background-color:#FFF;width:950px}

#ConteneurColonnes .colNav {width:210px;padding:0;margin:0 0 0 30px;float:left;display:inline;}
#ConteneurColonnes .colContenuPrincipal {width:370px;padding:0;margin:0 30px 0 30px;float:left;display:inline;}
#ConteneurColonnes .colContenuSecondaire {width:250px;padding:0;margin:0 30px 0 0;float:left;display:inline;}

.gabarit6633 #ConteneurColonnes .colNav {display:none;}
.gabarit6633 #ConteneurColonnes .colContenuPrincipal {width:610px;}

/* Utilise les largeurs par defaut 
.gabarit304030
*/

.gabarit0010000 #ConteneurColonnes .colNav {display:none}
.gabarit0010000 #ConteneurColonnes .colContenuPrincipal {width:890px;}
.gabarit0010000 #ConteneurColonnes .colContenuSecondaire {display:none}






/*
#ConteneurColonnes .colNav {width:190px;padding:0 10px;margin:0 0 0 30px;float:left;display:inline;}
#ConteneurColonnes .colContenuPrincipal {width:350px;padding:0 10px;margin:0 0 0 30px;float:left;display:inline;}
#ConteneurColonnes .colContenuSecondaire {width:250px;padding:0 10px;margin:0 0 0 30px;float:left;display:inline;}
.gabarit6633 #ConteneurColonnes .colNav {display:none;}
.gabarit6633 #ConteneurColonnes .colContenuPrincipal {width:590px;}
.gabarit6633 #ConteneurColonnes .colContenuSecondaire {width:230px;}
.gabarit304030 #ConteneurColonnes .colNav {display:inline;}
.gabarit304030 #ConteneurColonnes .colContenuPrincipal {width:350px;}
.gabarit304030 #ConteneurColonnes .colContenuSecondaire {width:230px;}
.gabarit0010000 #ConteneurColonnes .colNav {display:none}
.gabarit0010000 #ConteneurColonnes .colContenuPrincipal {width:950px;}
.gabarit0010000 #ConteneurColonnes .colContenuSecondaire {display:none}
*/


.zonePromoHorizontale {clear:both;}


/* Styles generaux */
.horsChamp, .ferme {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.centre {text-align:center}
.listeSansPuces {margin:0;list-style:none}
.listeStandard li {border:dashed #ccc;border-width:0 0 1px 0;margin:0 0 0.7em 0;padding:0 0 0.7em 0;}
.listeStandard li p {padding-bottom:0}
.listeHorizontale {float:left;display:inline;margin:0}
.listeHorizontale li {list-style-type:none;display:inline;}
.conteneur5050 {overflow:hidden;width:100%;margin:0 0 1em 0;}
.conteneur5050 .colonne5050A {width:49%;float:left}
.conteneur5050 .colonne5050B {width:49%;float:right}
.lienTousLesItems {text-align:right;font-size:0.909em;line-height:1em;background:url(/Style%20Library/Images/v2/ico-fleche-droite.gif) no-repeat right center;padding:.5em 25px .5em 0;}
.lienExterne {padding-left:3px;padding-right:3px;}
.hautPage {background:url(/Style%20Library/fr/images/fleches/fleche_haut.gif) no-repeat left 0.3em;padding-left:15px;margin-top:2em}


.boiteStandard {width:100%;margin:0 0 1em 0}
.boiteStandard h2 {background:#707070;font-weight:bold;font-size:1.091em;color:#fff;padding:7px 10px;border:solid #ccc;border-width:1px 0 0 0;}
.boiteStandard .boiteStandardContenu {background:url("/Style%20Library/Images/v2/bg-sections.gif") repeat-x scroll right bottom #FFFFFF;border:1px solid #CCCCCC;padding:10px;}
/* Styles ajouter pour section intimidation */
.boiteStandard h2.intimidation {background:#426F7F;font-weight:bold;font-size:1.091em;color:#fff;padding:7px 10px;border:solid #ccc;border-width:1px 0 0 0;}
.boiteStandard2 {width:100%;margin:0 0 1em 0}
.boiteStandard2 h2 {background:#bdcdd3 !important;font-weight:bold;font-size:1.091em;padding:7px 10px;border:solid #ccc;border-width:1px 0 0 0;}
.boiteStandard2 .boiteStandardContenu {background:url("/Style%20Library/Images/v2/bg-sections.gif") repeat-x scroll right bottom #FFFFFF;border:1px solid #CCCCCC;padding:10px;}
/* Fin styles ajouter pour section intimidation */
.nouvelleDate {font-weight:normal;font-size:0.909em;color:#6f6f6e}
.nouvelleSuite {margin:0 0 0 0.7em}
.zonePromoHorizontale {border:0;overflow:hidden;padding:1em 0;width:950px;}
.zonePromoHorizontale ul {list-style:none;clear:left;float:left;left:50%;list-style:none;margin:0;padding:0;position:relative;text-align:center;}
.zonePromoHorizontale ul li {display:block;float:left;margin:0;padding:0 32px 0 0;position:relative;right:50%;}
.zonePromoHorizontale ul li.dernier {padding:0}

.grandBouton {display:block;font-size:0.909em;font-weight:bold;border:solid #ccc;border-width:1px 0;background:#707070 url(/Style%20Library/Images/v2/bg-grand-bouton.gif) no-repeat right bottom;padding:8px 20px 8px 10px;color:#fff;}
.grandBouton:link, 
.grandBouton:visited, 
.grandBouton:active, 
.grandBouton:focus {color:#fff;}
.grandBouton:hover {background:#016684 url(/Style%20Library/Images/v2/bg-grand-bouton-ro.gif) no-repeat right bottom;}

.tableauCourant {font-size:0.79em;border: 1px solid #CCC;	margin-top: 30px;	margin-bottom: 30px;	border-collapse: collapse;	 background: #fff url(/Style%20Library/Images/v2/bg-sections.gif) bottom right repeat-x;}
.tableauCourant th.titreTableau {background-color:#006684;	/*font-size:1em;*/	color:#FFF;	font-weight:bold;	border-right: 1px solid #fff;	padding:0.3em 0 0.3em 0;	vertical-align:middle;	border-bottom:none;}
.tableauCourant td, th {text-align:center;	vertical-align:middle;	border-bottom:1px dashed #ccc;	border-left:1px dashed #ccc;	padding:0.3em 0.4em;	font-weight:normal;}
.tableauCourant span {/*font-size:0.79em;*/}

/* Classe css pour ajouter des encadrées dans le contenu */
.colContenuPrincipal .ms-rteCustom-h3_Liens_utiles_fond_bleu{
    background: url("/Style%20Library/Images/v2/bg-sections.gif") repeat-x scroll right bottom #FFFFFF;
	border: 1px solid #CCCCCC;
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 1.2em;
    margin-top: 1.8em;
    padding: 6px 8px 7px;
    position: static;
}
.colContenuPrincipal li{padding-bottom:0.8em}
.colContenuPrincipal #sidebar li{padding-bottom:0em}

/* FAQ */
/* Sections */
#faq h2{
	font-size:1.4em;
}
#faq ul li a{
	font-size:1.3em;
}
/* Questions */
#faq ul li .faq_question{
	font-size:1.2em;
	font-weight:bold;
	margin:0.2em 0;
}
/* Réponses */
#faq ul li .faq_reponse{
	font-size:1em;
	font-weight:normal;
}
/* Formulaire plainte */
.formulaire table {width:100%;margin:0;padding:0}
.formulaire .blocPrecisions label {width:8em;display:block;float:left}
.formulaire textarea {width:97%}

/* Formulaire rech. avancee OCF */
.OCF_formulaire_recherche {float:left;width:49%;margin:0;padding:0;overflow:visible}
.OCF_formulaire_recherche div {height:4em}

/* Formulaires et publications - recherche */
#recherchePublications { margin-bottom: 10px; }
#recherchePublications input,
#recherchePublications select
{
	margin-bottom: 5px;
}
#recherchePublications .ouvert { margin-bottom: 10px; }
span.radiolist {display: block; margin-bottom: 5px;}
#recherchePublications span.radiolist input { margin-bottom: 0; vertical-align: middle}
#recherchePublications span.radiolist label { margin-right: 10px; }
.publicationsdl dd, 
.publicationsdl dt,
.publicationsdl dd p, 
.publicationsdl dd img {margin:0;padding:0;line-height:1.4}
.publicationsdl dd img {height:13px}
.publicationsdl dt {margin-top:15px;padding-top:15px;border-top:1px solid #ccc}
.publicationsdl .titrePubli {font-weight:bold}

/* PIV */
#Piv {overflow:hidden;width:100%;margin:0 0 2em 0}
#LogoMfa {float:left}
#PivMenu {background-color:#003399;float:left;font-family:Chaloult,Arial,Helvetica,sans-serif;margin:22px 0 0 0;overflow:hidden;padding:2px 0 2px 20px;width:690px;}
#PivMenu ul {float:left;margin:0}
#PivMenu li {background:none repeat scroll 0 0 transparent;display:inline;float:left;list-style-type:none;margin:0;padding:0 20px 0 0;}
#PivMenu a,
#PivMenu a:visited {color:#fff;}

/* Navigation principale */
#NavRechSocial {font-size:1.23em;width:950px;} /* font-size pour assurer la meme hauteur en EM de #MenuPrincipal et #ConteneurRechercheEtSocial */
#ConteneurRechercheEtSocial {border:1px solid #999;height:1.65em;background:#fff url(/Style%20Library/Images/v2/bg-recherche.gif) repeat-x right bottom;padding:8px 0 0 0;}  
/* voir fichier menu-deroulant.css pour le CSS du menu comme tel */


#OutilRecherche {width:240px;float:left;}
#OutilRecherche div {background-color:#999;color:#fff;float:left;padding:1px;}
#OutilRecherche label {float:left;font-size:0.8em;padding:0.2em 0.5em 0 0.5em}
.champRecherche {border:0;float:left;font-family:Arial,Helvetica,sans-serif;font-size:1em;width:140px;}
.btnRecherche {border:0 none;float:left;height:17px;width:17px;}

/* Fil d'Ariane et Utilitaires */
#FilArianeUtilitaires {width:890px;margin:10px 30px;overflow:hidden;padding:0;}
#FilAriane {width:770px}
#FilAriane li {background:url(/Style%20Library/Images/v2/ico-separateur-ariane.gif) no-repeat left center;padding:0 0 0 13px;zoom:1;}
#FilAriane li.premier {background:none;padding:0}
#FilAriane li.courant {background:url(/Style%20Library/Images/v2/ico-separateur-ariane.gif) no-repeat left center;}
#FilAriane li a {background:none;}

#Utilitaires {float:right;width:120px}
#Utilitaires button {width:24px;height:22px;cursor:pointer}
#Utilitaires #BtnEnvoyerAmi {margin:0 .5em}

/* Navigation secondaire (gauche) */
/* voir fichier menu-gauche.css pour le CSS du menu comme tel */
.photoSection {background:url(/Style%20Library/Images/v2/cadre-photo-section.gif) no-repeat top left;width:178px;height:161px;margin:0 auto}
.sectionImage {padding:11px 9px 13px 10px;vertical-align:middle;}

/* Pied de page */
#PiedPage {clear:both}
#PiedPage ul {list-style:none;text-align:center}
#PiedPage ul li {display:inline;background:url(/Style%20Library/Images/v2/ico-separateur-pied-page.gif) no-repeat left center;padding:0 0 0 7px}
#PiedPage ul li.premier {background:none;padding:0;}

#PiedPage a:visited,
#PiedPage a:active,
#PiedPage a:link,
#PiedPage a:focus,
#PiedPage a {color:#868686;background:none}

/* Liens soulignes ou non */
.elementDeNavigation a,
.elementDeNavigation a:focus,
.elementDeNavigation a:active,
.elementDeNavigation a:link,
.elementDeNavigation a:visited,
.lienTousLesItems a,
.lienTousLesItems a:focus,
.lienTousLesItems a:active,
.lienTousLesItems a:link,
.lienTousLesItems a:visited,
.listeStandard li a,
.listeStandard li a:visited,
.listeStandard li a:active,
.listeStandard li a:link,
.listeStandard li a:focus,
.pagination li a,
.pagination li a:link,
.pagination li a:visited,
.pagination li a:focus,
.pagination li a:active  {text-decoration:none;}
.lienTousLesItems a:hover,
.listeStandard li a:hover,
.elementDeNavigation a:hover {text-decoration:underline;}
#Piv a:hover,
.menuAccueilSection ul li ul li a:hover {background-color:none}
.pagination li {padding-bottom:0em}
 
 /* CSS pour le gabarit ISF1416ContenuAvecMenuDeGaucheEtHyperliens */
.libelleHautDePageInscriprion {display:block;width:100%;clear:both;font-weight:bold;}
.isf1416_section_image_clicsequr {display:none;}
.isf1416_section_hyperlien_haut {background:url(/Style%20Library/fr/Images/clicSequr/clicsequr_inscription.gif) top left no-repeat;padding-left:95px;}
.isf1416_section_hyperlien_haut div {margin-bottom:1em;background:url(/Style%20Library/fr/Images/Puces/puce_listes.gif) 0 0.4em no-repeat;padding:0 0 0 12px;} 
.isf1416_section_hyperlien_bas div {text-align:center;margin-bottom:1em;} 


/* Regles pour l'ensemble des microsites */
.microsite .colContenuPrincipal h1 {display:none}

/* Styles pour le styleswitcher */
body.tailleTexte1 .colContenuPrincipal,body.tailleTexte1 .colContenuSecondaire {font-size:100%} /* Taille par defaut */
body.tailleTexte2 .colContenuPrincipal,body.tailleTexte2 .colContenuSecondaire {font-size:110%}
body.tailleTexte3 .colContenuPrincipal,body.tailleTexte3 .colContenuSecondaire {font-size:120%}
body.tailleTexte4 .colContenuPrincipal,body.tailleTexte4 .colContenuSecondaire {font-size:130%}
body.tailleTexte5 .colContenuPrincipal,body.tailleTexte5 .colContenuSecondaire {font-size:140%}
body.tailleTexte6 .colContenuPrincipal,body.tailleTexte6 .colContenuSecondaire {font-size:150%}


/* Actualites */
.uneActualite .retour {text-align:right; margin-bottom:1.2em;}
.uneActualite .titre {font-weight:bold;       text-align:center;}
.uneActualite .titre.surTitre {text-align:left;}
.uneActualite .contenu > div {margin:1.2em 0;}
.listeDeNouvelles ul, 
.listeDeNouvelles li, 
.listeDeNouvelles p, 
.listeDeNouvelles h2, 
.listeDeNouvelles h3, 
.dateNouvelle, 
.surTitreNouvelle, 
.titreNouvelle {margin:0;padding:0;}
h3.titreNouvelle{}
.titreActualiteFormate {}
h3 a.titreNouvelleAccueil {}
.listeDeNouvelles li {list-style-type:none;margin:0 0 2em 0}
.listeDeNouvelles h2 {margin:2em 0 1em 0;font-weight:bold}
.listeDeNouvelles .dateNouvelle, 
.listeDeNouvelles .surTitreNouvelle,
.listeDeNouvelles h3  {margin:0 0 .2em 0;}

/* Icone RSS */
.fluxRss {float:left}

/* Habillage du texte pour les images */
.aligneGauche {float:left;margin:10px 10px 10px 0;}
.aligneDroite {float:right;margin:10px 0 10px 10px;}


ol {
	margin-left:1em;
	padding-left:1em;
}
#main ol li{
	list-style-type:decimal;			
}
/*
ol {margin:0 0 0 1.5em}
.zonePromoHorizontale ol {list-style:none;clear:left;float:left;left:50%;list-style:none;margin:0;padding:0;position:relative;text-align:center;}
.zonePromoHorizontale ol li {display:block;float:left;margin:0;padding:0 32px 0 0;position:relative;right:50%;}
.zonePromoHorizontale ol li.dernier {padding:0}
#faq ol li a{
	font-size:1.3em;
}
/* Questions */
/*#faq ol li .faq_question{
	font-size:1.2em;
	font-weight:bold;
	margin:0.2em 0;
}
/* Réponses */
/*#faq ol li .faq_reponse{
	font-size:1em;
	font-weight:normal;
}
#PivMenu ol {float:left;margin:0}
#PiedPage ol {list-style:none;text-align:center}
#PiedPage ol li {display:inline;background:url(/Style%20Library/Images/v2/ico-separateur-pied-page.gif) no-repeat left center;padding:0 0 0 7px}
#PiedPage ol li.premier {background:none;padding:0;}
.menuAccueilSection ol li ol li a:hover {background-color:none}*/

li.documents_pdf {
	background:url("/Style%20Library/fr/images/Icones/icone_pdf.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_doc {
	background:url("/Style%20Library/fr/images/Icones/icone_doc.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_docx {
	background:url("/Style%20Library/fr/images/Icones/icone_docx.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_xls {
	background:url("/Style%20Library/fr/images/Icones/icone_xls.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_xlsx {
	background:url("/Style%20Library/fr/images/Icones/icone_xlsx.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_ppt {
	background:url("/Style%20Library/fr/images/Icones/icone_ppt.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_pptx {
	background:url("/Style%20Library/fr/images/Icones/icone_pptx.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

li.documents_zip {
	background:url("/Style%20Library/fr/images/Icones/icone_zip.gif") no-repeat scroll left 5px transparent;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top:5px;
}

.displayNone {display:none;}

/* Pour AccueilSection */
.colContenuPrincipal .menuGauche_conteneur{ margin-top: 0; }
.menuGauche_accordionButton { padding-bottom: 0 !important;}
#menuSecondaire { width: 210px; float: left; padding-top: 20px;}
#sectionCentre { width: 385px; padding-top: 20px; padding-left: 15px; display: inline-block;}

/* Date de mise à jour */
.dateMiseAJour { text-align: center; clear: both; }
.dateMiseAJour dt,
.dateMiseAJour dd { display: inline; }

/* Ajouter les css du fichier principale-ie.css à cause de la clause IF IE qui marche pas en ie10 et plus */

#contenu{ padding-bottom:35px;}
/*body.vitrine #contenu{ padding-bottom:0;}*/

hr{ height: 0px; margin: 15px 0 10px; border:1px solid #cbd0d8; }
ul#menu_utilitaires li.recherche{ background:url('/Style%20Library/fr/Images/ArrieresPlan/bg_recherche.gif') no-repeat left 2px; margin:0; padding-top:1px; padding-left:0; padding-right:0; padding-bottom:0}
ul#menu_utilitaires li.recherche input.txt_recherche{ margin-bottom:2px; background:none;}

#zone_promotion{ clear:both; padding-top:10px; text-align:center; }
#zone_promotion ul{ display:inline; margin:0; }
#zone_promotion ul li{ display:inline; vertical-align:top; padding:0 20px; }

dl.select_actif dt strong{ float:left; display:block; }

dl.select_actif dd.ouvert ul{ margin-top:0;}
dl.select_actif dd.ouvert{ height:0;}
dl.select_actif dd.ouvert ul.haut{ bottom:19px;}

body.vitrine .sections_vitrine h2{ margin-top:0.6em;}




.accueil dl#menu_unclic dd ul{ margin-top:0;}
.accueil dl#menu_unclic_en dd ul{ margin-top:0;}

/* NOUS JOINDRE ET FORMULAIRES */
#contenu td.premiereColonne {width:48%;}


/*ajoute des puces au liste de la section guide de programmes et services...*/
.page.famille.guide_progserv_texte ul li{ list-style-position:inside; list-style:disc;}

/*style pour le hr specifique a la page guide de programmes et services...*/
.page.famille.guide_progserv_texte hr{height: 2px;margin:0.75em 0;padding: 0;color: #d8b766;background-color: #d8b766;border: 0px none;}

/* Fin ajout css du fichier principale-ie.css */



