@font-face {
    font-family: 'OpenSansLight';
    src: url('../polices/open-sans-fontfacekit/OpenSans-Light-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Light-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../polices/open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../polices/open-sans-fontfacekit/OpenSans-Italic-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Italic-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../polices/open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin: 0;
	padding: 0;
}

body{
	background: url('../images/degrade-body.jpg') repeat-x scroll 0 0 #fff;
}

body, .taille-defaut{
	font-size: 12px;
	color: #423f3b;
	font-family: Arial, Verdana;
}

img{
	border: none;
}

a{
	text-decoration: none;
	color: inherit;
}

a, p, li{
	line-height: 1.6em;
}

sup{
	font-weight: bold;
	font-size: 0.74em;
	position: relative;
	line-height: 0;
	vertical-align: baseline; 
	bottom: 0.5em;
}

ul{
	list-style-type: none;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

p, #note h2, .page-interne h2, .page-interne h3, .page-interne ol, .page-interne ul, .page-interne .ombre-bas-division, .important, .ulBouton, .page-interne h4{
	margin-bottom: 25px;
}

.page-interne li{
	margin-bottom: 20px;
}

.marge-haut-fleche{
	margin-top: 80px;
}

.page-interne h2{
	margin-top: 30px;
}

.marge-haut-commun{
	margin-top: 25px;
}

.marge-haut-15{
	margin-top: 15px;
}

#sous-menu p{
	margin-bottom: 0px!important;
}

#menu a, #titre-presentation h1, #titre-contexte h2, #titre-objectifs h2{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	word-wrap: break-word;
}

#info-etape a, sup, .page-interne a{
	text-decoration: underline;
	color: #2962ae;
}

.suivant-precedent a, .quiz-orientation a{
	text-decoration: none;
}

.suivant-precedent a:hover, .suivant-precedent a:focus, #credit a:hover, #credit a:focus, #menu-secondaire a:hover, #menu-secondaire a:focus{
	text-decoration: underline;
}

#global-externe{
	margin: 0 auto;
	width: 998px;
}

#global-interne-haut{
	width: 960px;
	margin: 0 auto;
}

#ombre-externe{
	background-image: url('../images/ombre-globale-gauche.png'), url('../images/ombre-globale-droit.png');
	background-repeat: repeat-y;
	background-position: top left, top right;
}

.no-border{
	border: none!important;
}

.sous-titre-presentation{
	background-color: #423f3b;
	color: #fff;
	padding: 10px 0;
	font-size: 1.3em;
	font-family: OpenSansRegular;
}

.ombre-bas-division{
	background: url('../images/ombre-bas-division.png') repeat-x;
	height: 9px;
}

.clear-both{
	clear: both;
}

.float-gauche{
	float: left;
}

.float-droit{
	float: right;
}

.colonne-etape{
	float: left;
	width: 479px;
}

.etape-pair{
	background: url('../images/ombre-div-etape.png') no-repeat;
	padding-top: 20px;
}

.ombre-contexte{
	background: url('../images/barre-haut-mise-oeuvre.png') no-repeat;
	height: 8px;
}

.important{
	padding: 20px 20px 1px 20px;
	background-color: #fafafa;
}

.hors-ecran{
	position: absolute;
	left: -9999px;
}

.temoignage{
	background-color: #fafafa;
	width: 310px;
	margin: 0 0 20px 20px;
	float: right;
	padding: 20px;
	border: 1px solid #eee;
}

.temoignage h3{
	border-bottom: 1px dotted #555;
	padding-bottom: 10px;
}

.gras{
	font-weight: bold;
}

.titre-triangle{
	background: url('../images/triangle-brun.png') no-repeat left 6px;
	padding-left: 15px;
}

.taille-normale, .ol-interieur p, .ul-taille-normale li{
	font-weight: normal;
}

.bordure-rond{
	padding: 20px 0 1px 0;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
}

.centre{
	margin: 0 auto!important;
}

.header-triangle{
	background: url('../images/triangle-brun.png') no-repeat left 6px;
	padding-left: 15px;
}

.ul-cercle-bleu>li{
	background: url('../images/li-cercle-bleu.png') no-repeat left 6px;
	padding-left: 15px;
}

.ol-interieur{
	list-style-position: inside;
}

.ol-exterieur{
	margin-left: 18px;
}

.ul-marge-petit>li{
	margin-bottom: 5px!important;
}

.ul-evaluation-chiffre{
	margin-left: 60px;
}

.ul-evaluation-chiffre li{
	float: left;
	margin-right: 30px;
	color: #2962ae;
}

.ul-rond{
	list-style-type: disc;
}

.ul-interieur-ul{
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 5px!important;
}


/*Les entêtes*/
.page-interne h1{
	color: #fff;
	font-family: OpenSansSemiBold;
	font-size: 2.3em;
	letter-spacing: 0.1em;
}

.page-interne h2{
	font-family: OpenSansSemiBold;
	font-size: 1.5em;
	color: #c03200;
}

.page-interne h3{
	font-size:1.2em;
}

#sous-menu>p{
	font-family: OpenSansRegular;
	font-size: 1.5em;
}

#note h2{
	color: #423f3b;
	font-family: OpenSansRegular;
	font-size: 1.2em;
}
/*Fin des entêtes*/



/*Menu secondaire (en haut de entête)*/
#menu-secondaire{
	margin: 10px 0;
	text-align: right;
}

#menu-secondaire li{
	display:inline;
	border-left: 1px solid #423f3b;
	margin-left: 10px;
	padding-left: 10px;
}

#menu-secondaire a{
	color: #423f3b;
	font-family: OpenSansRegular;
}
/*Fin Menu secondaire (en haut de entête)*/



/*Entête*/
#entete{
	clear: both;
	height: 303px;
	background: url('../images/img-entete-religion.jpg') no-repeat scroll 0 0 #2962ae;
	margin-bottom: 5px;
}

#entete a{
	display: block;
}

#logo{
	margin: 40px 0 0 20px;
	background-color: #fff;
}

#titre-site{
	margin: 68px 0 0 20px;
}
/*Fin Entête*/



/*Menu*/
#menu{
	border-bottom: 2px solid #35332d;
}

#menu a{
	display: block;
	float: left;
	width: 152px;
	color: #fff;
	padding: 15px 20px;
	font-size:  1.1em;
	font-family: OpenSansRegular;
	background: url('../images/separateur-menu.jpg') no-repeat right center #423f3b;
}

#menu a:hover, #menu a:focus, #menu .selected a{
	/*background-color: #2d2b29;*/
	background-color: #292724;
}

#ombre-menu{
	clear: both;
	height: 9px;
	background: url('../images/ombre-horizontale-large.png') no-repeat;
}
/*Fin Menu*/


#contenu{
	clear: both;
	width: 960px;
	margin: 0 auto;
}
.texture-diagonale{
	background: url('../images/texture-diagonale.png') no-repeat;
	height: 36px;
	text-align: right;
}

.texture-diagonale p{
	margin-right: 20px;
	padding-top: 8px;
}

.texture-diagonale a{
	background: url('../images/fleche-precedent-bleu.png') no-repeat left center;
	padding-left: 15px;
	color: #423f3b;
	font-family: OpenSansSemiBoldItalic;
	font-size: 1.1em;
}

/*Contenu présentation*/
#titre-presentation{
	text-align: center;
	width: 298px;
	margin: -30px 0 80px 20px;
}

#titre-presentation h1{
	background-color: #2962ae;
	color: #fff;
	padding: 10px 0;
	font-size: 2em;
	font-family: OpenSansSemiBold;
}

#ombre-titre-presentation{
	background: url('../images/ombre-titre-presentation.png') no-repeat;
	height: 7px;
}

#objectifs, #contexte{
	float: left;
}

#objectifs a{
	color: white;
	text-decoration: underline;
}

#contexte{
	background: url('../images/barre-haut-mise-oeuvre.png') no-repeat top left;
}

#int-contexte{
	width: 598px;
	padding: 0px 20px 20px 20px;
	border-right: 2px solid #e5e9ea;
}

#titre-contexte{
	text-align: center;
	width: 194px;
	margin: -42px 0 18px 0;
}

#ombre-titre-contexte{
	background: url('../images/ombre-titre-contexte.png') no-repeat;
	height: 5px;
}

#contexte-gauche, #contexte-droit{
	width: 290px;
}

#contexte-gauche{
	float: left;
}

#contexte-droit{
	float: right;
}

#objectifs{
	width: 320px;
}

#titre-objectifs{
	width: 127px;
	text-align: center;
	margin: -42px 0 0 0; 
}

#objectifs li{
	border-bottom: 1px solid #7fa1ce;
	color: #fff;
	padding: 20px;
	background: url('../images/degrade-btn-objectif.png') repeat-x left 0 #2962ae;
}

#etape{
	background-color: #f0f9f8;
	padding-bottom: 20px;
}

#etape p{
	margin-left: 20px;
}

#titre-etape{
	width: 249px;
	text-align: center;
	margin: -8px 0 30px 20px;
}

#ombre-titre-etape{
	background: url('../images/ombre-titre-etape.png') no-repeat;
	height: 6px;
}

#info-etape h3{
	border-bottom: 1px solid #cae0dd;
	padding-bottom: 20px;
	margin-top: 20px;
}

.colonne-etape>div{
	width: 440px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
}

.colonne-etape li{
	border-bottom:1px solid #cae0dd;
	border-top: 1px solid #fff;
	padding: 20px 0;
}

.colonne-etape:nth-child(2){
	border-left: 1px solid #dfefed;
}

#info-etape li:last-child{
	border-bottom: none!important;
}
/*Fin du contenu de la page de présentation*/



/*Les pages internes autres que présentation*/
#sous-menu{
	width: 225px;
}

#sous-menu>p{
	background-color: #f4f4f4;
	border-bottom: 1px solid #c9c9c9;
	padding: 20px 20px 15px 20px;
	font-weight: bold;
}

#sous-menu li a{
	display: block;
	border-bottom: 1px solid #7fa1ce;
	color: #fff;
	padding: 20px;
	background-color: #2962ae;
}

#sous-menu .selected a, #sous-menu a:hover, #sous-menu a:focus{
	/*background-color: #1d4882;*/
	background-color: #122d51;
}

.sous-menu-titre-rect{
	border-top: 1px solid #f3f4f4;
	height: 5px;
	background-color: #dddddc;
}

.titre-sous-menu span{
	font-family: OpenSansSemiBold;
	font-size: 1.1em;
}
/*Fin des pages internes autres que présentation*/



/*--Bouton déroulant----*/
.ulBouton>div{
	border-top: 1px solid #ece8dc;
	margin-bottom: 0px!important;
	clear: both;
}

.ulBouton button{
	border: none;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	text-align: left;
	padding: 5px 0;
	background-color: transparent;
}

.ulBouton button>p, .ulBouton button>h3{
	font-size: 0.9em!important;
	font-weight: bold;
	margin-bottom: 0px!important;
	float: left;
}

.ulBouton h4{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

.ulBouton>div:last-child{
	border-bottom: 1px solid #ece8dc;
}

.ulBouton .element{
	margin: 30px 0;
}

.ulBouton .element img{
	margin-right: 5px;
}

.ulBouton button .img_btn_accordeon{
	float: right;
	width: 8px;
	height: 8px;
	margin-top: 5px;
	overflow: hidden;
}
/*--Fin de Bouton déroulant----*/



/*Contenu des pages autres que la page de présentation*/
#sous-menu{
	float: left;
}

.page-interne{
	width: 735px;
	padding-left: 19px;
	margin-left: -19px;
	background: url("../images/ombre-globale-gauche.png");
	background-repeat: repeat-y;
	background-position: left top;
}

.page-interne-niveau-3{
	width: 735px;
	background: url("../images/ombre-globale-gauche.png"), url("../images/ombre-globale-droit.png");
	background-position: left top, right top;
	background-repeat: repeat-y;
	padding-right: 19px;
	padding-left: 19px;
}

.page-interne .div-titre{
	background: url("../images/degrade-bas-h1.png") repeat-x left bottom #2962ae;
}

.page-interne h1{
	padding: 0 10px 25px 30px;
	margin-top: -40px;
}

.div-titre sup a, .page-interne h2 sup{
	color: white;
	text-decoration: underline;
	font-size: 0.6em;
}

.reponse-identite{
	text-align: center;
}

.reponse-identite h1{
	margin-top: 0px;
	padding: 30px;
}

.texte-droit{
	padding: 0px 30px 30px 30px;
}

.quiz-orientation {
	overflow: hidden;
	padding-left: 180px;
}

.quiz-orientation li{
	float: left;
	margin-right: 40px;
}

.quiz-orientation a{
	font-size: 6em;
	font-family: OpenSansBoldItalic;
}

.suivant-precedent{
	text-align: center;
	background: url("../images/ombre-bas-division.png") repeat-x left top #f5f5f5;
	padding: 20px 0;
	border-bottom: 1px solid #e2e1e1;
}

.suivant-precedent a{
	color: #423f3b;
	font-family: OpenSansSemiBoldItalic;
	font-size: 1.2em;
}

.fleche-precedent{
	background: url("../images/fleche-precedent-bleu.png") no-repeat left center #f5f5f5;
	padding-left: 10px;
	margin-right: 5px;
}

.fleche-suivant{
	background: url("../images/fleche-suivant-bleu.png") no-repeat right center #f5f5f5;
	padding-right: 10px;
	margin-left: 5px;
}
/*Fin du contenu des pages autres que la page de présentation*/



/*NOTE*/
.note-presentation{
	width: 440px;
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 30px;
}

#note h2{
	font-family: OpenSansRegular;
}

#note li{
	font-weight: bold;
	margin-bottom: 10px!important;
}

#note ol{
	list-style-position: inside;
}

.note-normale{
	font-weight: normal;
}

#note li, #note p{
	font-size: 0.9em;
}
/*FIN DE NOTE*/



/*Ombre bas de page*/
#ombre-horizontal-bas{
	width: 960px;
	background: url('../images/ombre-horizontale-large.png') no-repeat;
	height: 9px;
	margin: 0 auto;
}
/*Fin de Ombre bas de page*/



/*Crédits*/
#credit{
	text-align: center;
	margin-top: 30px;
}

#credit a{
	font-family: OpenSansRegular;
	color: #2962ae;
}

#date p{
	text-align: center;
	font-size: 1em;
	color: #2d2b20;
}
/*Fin de Crédits*/