/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
	font-family: "Monda", Helvetica, sans-serif;
}
body {
	line-height: 1.4;
	margin: 0;
}
body.admin-bar {
	margin-top:         28px;
}
a {
	color: #2e84c1;
	text-decoration: none;
}
a:visited {
	color: #2e84c1;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}
h3 {
	font-size: 22px;
	margin: 22px 0;
}
h4 {
	font-size: 20px;
	margin: 25px 0;
}
h5 {
	font-size: 18px;
	margin: 30px 0;
}
h6 {
	font-size: 16px;
	margin: 36px 0;
}
address {
	font-style: italic;
	margin: 0 0 24px;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p {
	margin: 0 0 24px;
}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}
pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}
blockquote blockquote {
	margin-right: 0;
}
blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}
blockquote strong,
blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 0 20px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 20px;
}
menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}
ul {
	list-style-type: square;
}
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}
li > ul,
li > ol {
	margin: 0;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button,
input {
	line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}

/*Body et conteneur*/
html{
	font-size: 100%;
	border: none;
	padding: 0;
	margin: 0;
}
body{font-family:Calibri, Arial, Verdana, Helvetica, sans-serif;font-size:0.9em;margin:0;color:#4f3454;padding:0;}
body#scenar{background:#20B2AA;}
#conteneur {width:100%;margin:0px;background:white;}
#conteneur_scenario{width:95%;margin:0px; background-color:#20B2AA;}
.fond_sc{background-color:#20B2AA;}
/*Liens et images par défaut */
img{border: none; margin: 0; padding: 0;}
a{color:#2e84c1; text-decoration: none;}
a:hover {text-decoration: underline;color:#993366;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-align:left;}
abbr, acronym, dfn {border-bottom: 1px dotted #6B9CCA;cursor:help;}
ul,ol,li,p {margin:0;padding:0;}

table{border-collapse:collapse;}
tr{vertical-align:top;}
th{text-align:center;font-weight:bold;background-color:#bfbfbf;}
table.celsep td, table.celsep th{border:solid 1px #ffffff;}

caption{text-align:center;font-weight:bold;}
form{margin: 0; padding: 0;}

input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
table input[type="radio"]{}
form p{margin:0;padding:0;}
form td{text-align:center;padding:3px 3px;}
label{font-weight:bold;}
label:hover{text-decoration:underline;cursor:pointer;}
.label_bloc{display:block;}
.formation_finie{display:block;margin:10px auto;text-align:center;border: outset 2px grey;background:#e4e5e5;width:100px;}
.bouton_submit{display:block;margin:10px auto;text-align:center;}
.bouton_submit a{padding:4px 10px;border: outset 2px grey;background:blue;color:#f5f5f5;font-weight:bold;}
.bouton_submit a:hover{background:#00284f;color:#ffffff;border:inset 2px grey;}
.paddright{padding-right:20px;}
.paddleft{padding-left:10px;}

fieldset{margin:10px 0;background-color:#ececec;border:none;margin-bottom:30px;}
legend{background-color:#00284f;color:#ffffff;font-weight:bold;margin:2px 5px;padding:1px 4px;}

.vignette_g{display:block;float:left;margin:7px;}
.vignette_d{display:block;float:right;margin:7px;}
.stop{clear:both;}
.cliquable{cursor:pointer;}
.fond_ins{background:#962124;}
.fond_acc{background:#1FB2AA;}
.fond_ass{background:#01294f;}
.fond_fon{background:#d18b0a;}
.col_gauche{float:left;width:48%;}
.cache{display:none;}
.invisible{visibility:hidden;}
.texte_centre{text-align:center;}
.tx_c{text-align:center;}
.tx_l{text-align:left;}
.tx_j{text-align:justify;}
.rouge{color:red;}
.petit{font-size:9.5px;}
.petit input{font-size:9px;}
.dotted{padding:5px 0;margin-bottom:20px;border-top:dotted 1px #bebebe;clear:right;}
.vignette_vid{float:right;text-align:center;padding:1px;margin-left:35px;margin-top:5px;}
.vignette_vid:hover{background:#c9f8fd;}
.img_mini{width:180px;}
.flotte_g{float:left;}
.fv{background:#01294f;}
.bl{color:#ffffff;}
.up{font-size:130%;}
div.result{border-bottom:dotted 1px #bebebe;padding:5px 0;}
.grisfonce{color:#4f3454}
.souligne{text-decoration:underline;}

.btn {
	padding: 3px 16px;
	font-size: 14px;
	line-height: 100%;
	display:inline-block;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	background-color: #2e84c1;
	border: none;
}
.btn:active {
	margin-bottom: -1px;
	box-shadow: 0px 1px 0px 0px #3293ba;
}
.btn, .btn:hover, .btn:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}
.bouton_contribuer {
	text-align: center;
	height: 40px;
	background: #EEE;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.bouton_contribuer a {
	display: block;
	background: #EEE;
	padding: 6px;
}
.bouton_contribuer a:hover {
	color: white;
	text-decoration: none;
	background: #2e84c1;
}

#haut{background:#ece4db;height:125px;}

#logo{text-align:center;width:25%;height:100px;float:left;margin-left:70px;}
#haut_suite{margin-left:35%;}
#haut_newsletter{font-size:11px;position:absolute;top:0;right:0;}
#haut_titre{float:left;width:100%;margin-top:50px;height:54px;padding-top:0;background:#00284f;}
#haut_titre_scenar{float:left;width:100%;margin-top:50px;height:54px;padding-top:0px !important;padding-top:10px;background:#20B2AA;}
#haut_titre h1, #haut_titre_scenar h1{color:#ffffff;font-size:1.8em;text-transform:uppercase;font-weight:normal;position:absolute;margin:12px 0 0 15px;}


ul#menu_portail li{display:block;width:30%;float:left;color:#ffffff;text-transform:uppercase;text-align:center;font-size:13px;height:21px;font-weight:bold;}
ul#menu_portail li a{display:block;color:#ffffff;margin-top:4px;}

#centre{background:#ffffff;width:100%;max-width:1200px;margin:0 auto;min-height:600px;}

	#menu ul{list-style-type:none;}
	#menu ul li{padding:5px 0 2px;margin:5px 0;color:#dddddd;}
	#menu>ul>li>a{display:block;color:#F7F2F2;border-bottom:solid 1px #F7F2F2;padding:0 0 2px 10px;font-weight:bold}
	#menu ul ul{list-style-type:none;padding:0 5px;}
	#menu ul ul li {padding:0 0 0 10px;margin:0;}
	#menu ul ul li a {
		color:#ffffff;display:block;padding:2px 5px;font-size:0.9em;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}
	#menu ul li a:hover{text-decoration:none;background:#2e84c1;}

#corps{width:70%;font-size:15px;float:left;padding:35px 40px 15px;}
#corps h2{margin:15px 0;font-size:17px;color:#00284f;border:solid 1px #00284f;padding:3px;}
#corps h3{margin:25px 0 12px;font-size:16px;}
#corps h4{margin:25px 0 5px;font-size:13px;padding-top:4px;}
#corps p{margin:10px 0;text-align:justify;}
#corps ul{margin:5px 0px 5px 25px;}
#corps ol{margin:5px 0px 5px 25px;}
#corps li{text-align:justify;margin-bottom:5px;}

#sidebar {
	width: 30%;
	float: right;
}

#pied{clear:both;height:46px;font-size:12px;text-align:center;color:#ffffff;padding-top:15px;background:#00284f;}
#pied a{color:#ffffff;}

#recherche{float:right;width:230px;height:20px;padding:5px 0 0 0;}
#recherche form{margin:0;padding:0;float:right}
#recherche p{margin:0;padding:0;}


#libre_pub{padding:22px 5px;}
#libre_droite{background:#e6ded4;margin-top:10px;font-size:1.1em;padding-bottom:1px;clear:both;}
#libre_droite h3{margin:12px;}
#libre_droite .ventre{margin:12px;font-size:0.9em;}
#libre_droite ul{margin-left:20px;}

#suite_droite{/*height:280px*/;margin-top:25px;background:#e6ded4;font-size:1.1em;position:relative;}
#suite_droite > iframe {padding:0 15px;display:block;z-index:1;position:relative;}
#twitter-button-nW {
	position: absolute;
	top: 6px;
	z-index: 1;
	right: 6px;
}

#newsquick{background:#e6ded4;margin-top:25px;font-size:1.1em;padding-bottom:10px;}
#newsquick p{padding-left:15px;}
#newsquick input[type="text"], #recherche input[type="text"] {
	padding: 2px 5px;
	border: 1px solid #CCC;
	font-size: 14px;
	margin: 12px 10px  0;
	width: 58%;
}
#english_flag{position:absolute;right:40px;top:40px;}
#english_flag a{text-decoration:none; font-style:italic;}
#english_flag img{margin-left:15px;}

.alerte_erreur{border-top:solid 2px red;border-bottom:solid 2px red;color:#000000;background-color:pink;margin:10px auto;padding:5px 10px;}
.alerte_valide{border-top:solid 2px #6d8d02;border-bottom:solid 2px #6d8d02;background-color:#d7fc5f;margin:10px auto;padding:5px 10px;}
.alerte_tip{border-top:solid 2px #6d8d02;border-bottom:solid 2px #6d8d02;background:#d7fc5f url(images/icons/exclamation.png) left no-repeat;margin:20px auto;padding:5px 10px 5px 25px;}

.tab_special td{border: solid 1px #dfdfdf;text-align:center;vertical-align:middle;}
.tab_special2 td{border: solid 1px #dfdfdf;text-align:left;vertical-align:middle; padding: 5px;}
.tab_special2 td:nth-child(3){text-align:center; font-weight:bold;}
.tab_special2 td input[type="text"]{display:inline;}
.inlblo{display:inline-block;}

ul.thematiques_titres{font-size:26px;font-weight:bold;}

/*fond*/
.color1{background-color:#dbc4c0;}
.color2{background-color:#b7bc94;}
.color3{background-color:#fdca95;}
.color4{background-color:#abc3c7;}
.color5{background-color:#a2d298;}
.color6{background-color:#ffd968;}

/*fontes*/
.color_1{color:#dbc4c0;}
.color_2{color:#b7bc94;}
.color_3{color:#fdca95;}
.color_4{color:#abc3c7;}
.color_5{color:#a2d298;}
.color_6{color:#ffd968;}
.bleu_clair{color:#00a1de;}

.btn_paiement{display:block;margin:2px auto 15px;}
.bl_adh{background:#dedede;margin:10px 0;padding:1px 5px;}
.bl_adh h2 img{display:block;float:left;margin-right:10px;margin-top:-10px;}
.m_t{cursor:pointer;}
.m_t:hover{color:#1053C2;}
.m_o{display:none;}
.slogan{font-size:15px;font-weight:bold;text-align:center;}
.lien_direct{margin:15px 0;font-size:14px;color:#00284f;text-align:center;padding:3px;font-weight:bold;}

.twtr-doc {font-family: Calibri,Arial, Verdana, Helvetica,sans-serif !important;}
.lien_select{text-decoration:underline;padding-left:5px;font-weight:bold;}
.page_suiv{float:right;border:solid 1px #bebebe; padding:10px;width:280px;font-size:1.2em;}
.page_prec{float:left;border:solid 1px #bebebe; padding:10px;width:280px;}
.padded{padding:10px 0;}

.btn_espadh{
    background: none repeat scroll 0 0 #DDDDDD;
    border: 2px solid #FFFFFF;
    display: block;
    margin: 5px 15px 5px 15px;
    padding: 10px;
    text-align: center;
}
.btn_espadh a{color:#00284f;}


/*Popup Manu*/
*[popup-body] {
	cursor: pointer;
}
#popup-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
}
#popup {
	position: fixed;
	width: 80%;
	max-width: 480px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -180px;
	background: white;
	z-index: 9999;
	border: 1px solid #00284f;
	box-shadow: 0 0 10px rgba(150, 150, 150, 0.8);
}
.mobile #popup {
	width: 100%;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
	max-width: 100%;
	height: 100%;
}
#popup .popup-header {
	background: #00284f;
	color: white;
	float: left;
	width: 100%;
	padding: 5px 10px;
}
#popup .title {
	float: left;
	font-size: 20px;
	font-weight: bold;
	width: 90%;
}
#popup .popup-close {
	cursor: pointer;
	right: 10px;
	padding: 0;
	font-size: 20px;
	height: 24px;
	position: absolute;
}
.mobile #popup .popup-close {
	font-weight: bold;
	padding: 0 5px;
	margin-top: -4px;
}
.mobile #popup .popup-close.original-close {
	font-size: 26px;
}
#popup > .popup-close {
	margin-right: 5px;
}
#popup .popup-close.original-close:hover {
	text-decoration: none;
	color: red;
}
#popup .popup-close:hover {
	text-decoration: underline;
}
#popup .popup-body {
	padding: 10px;
	overflow-y: auto;
}
#popup .popup-body p, #popup .popup-body ul {
	margin: 10px 0;
	text-align: justify;
	font-size: 15px;
}
#popup .popup-body ul {
	padding-left: 20px;
}


/*Popup*/
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 20%; left: 20%;
	width:70%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
.en_tete{color:#ffffff;font-size:1em;font-weight:bold;padding:5px 12px;background:#007aab;}

@media (max-width: 1179px) {
	body{
		font-size: 0.8em;
	}
	#haut {
		height: 100px;
	}
	#haut_titre{
		margin-top: 29px;
		height: 50px;
	}
	#recherche {
		padding-top: 2px;
	}
	#logo img {
		height: 90px;
		padding-left: 10px;
	}
	#corps {
		font-size: 13px;
	}
	#corps h2 {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	#haut_newsletter, #haut_newsletter a {
	}
	#menu_portail {
		position: absolute;
		right: 0;
		top: 25px;
	}
	ul#menu_portail li {
		width: 100%;
		height: auto;
		float: none;
		padding: 0 4px;
	}
	#logo {
		width: 100%;
		height: 90px;
		text-align: left;
		margin: 5px 0;
	}
	#recherche {
		display: none;
	}
	#haut_titre {
		z-index: 9999;
		position: relative;
		margin: 0 0 0 -15%;
	}

	#centre {
		width: 100%;
	}
	#corps iframe, #corps object, #corps embed {
		width: 100%;
	}
	#newsquick {

	}
	#corps {
		width: 100%;
		padding: 20px;
		margin-top: 20px;
	}
	#sidebar {
		width: 100%;
	}
	
	#english_flag{

		display:none;
	
	}
		
}