.button {margin: 2px 0px;}
.corpsdepage{font: 1em "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#333;background-color:#fff;margin:20px;padding:0;max-width: 1200px;margin-right: auto;margin-left: auto;}
h1{text-align:left;border-bottom:1px solid #B0BED9;clear:both;color:#4E6CA3;font-size:1.1em;font-weight:400;line-height:1.6em;margin-top:0.5em;padding:0}
h2{text-align:left;border-bottom:1px solid #B0BED9;clear:both;color:#4E6CA3;font-size:1.1em;font-weight:400;line-height:1.3em;margin-top:0.5em;padding:0}
h3{font-size:1.05em;font-weight:400;text-decoration: underline;}
h4{font-size:1em;font-weight:400;}
a{color:#0063DC;}
p{color:#333;margin-top:0;padding-bottom:0;text-align:left}
.errorbo{background-color: rgba(255, 0, 0, 0.6);border-radius: 3px;display: inline-block;margin: 0 8%;text-align: center;width: 50%;}


.menu{font: 0.9em "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}

fieldset {
	border: 1px solid #8ba9dc;
    border-radius: 10px;
    margin: 5px;
}

legend {
    color: #000000;
    font-size: 1em;
    padding: 4px;
    font-weight: bold;
}
[class*="bit-"] {
    float: left;
    padding: 3px 10px 3px 10px;
}


.aide-active{
	font-weight : bold;
}

#step2 { 
	border: 0px;
}
.hidden{
	display: none;
}

#blank{
	height:40px;
}

    
.label{
	float: left;
	text-align:left;
	display: inline-block;
	vertical-align:top;
    //color: #48566E;
    //font-size: 0.8em;
}
.condition{
	text-align:left;
	display: inline-block;
	vertical-align:top;
}
.condition-detail{
	width:15%;
}

.margin-horizontal-10px{
   margin: 0 10px;
}
.container-vcenter {
   display: flex;
   align-items: center;
}
.blank30p{
	width:30%;
	text-align:left;
	display: inline-block;
	height:1px;
	vertical-align:top;
}
.error-blank30p{
	width:30%;
	text-align:left;
	display: inline-block;
	height:1px;
	vertical-align:top;
}
.div_checkbox{
	width:100%;
	text-align:left;
	display: inline-block;
}

.label-multiligne{
	text-align:left;
	display: inline-block;
	width: 95%;
}

.input{
	width:80%;
	display: inline-block;
	text-align: left;
	float:right;
}



#wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), #wrapper select:not([type="checkbox"]), textarea {
    background-color: #FFFFFF;
    border: 1px solid #8BA9DC;
    color: #48566E;
    min-width:55%;
}

.input-multiligne{
	width: 65%;
	display: inline-block;
}
.input-multiligne-large{
    width: 99%;   
}
.input-multiligne-large textarea{
    width: 100%;   
}

.element{
	margin: 10px 0 0;
}

.element-multiligne{
	margin: 5px 0 0;
}

.error{
	background-color: rgba(255, 0, 0, 0.6);
    border-radius: 3px;
    display: inline-block;
    margin: 0 8%;
    text-align: center;
    width: 50%;
}


.error-php{
	padding: 0 10px;
	text-align:center;
	width:50%;
	display: inline-block;
	background-color:rgba(255, 0, 0, 0.85);
}

.tabs-content fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
fieldset {
	border: 1px solid #69D2E7;
    border-radius: 6px;
    margin: 5px;
}
.tabs-content legend {
    color: #333; 
    font-weight: normal;
}
legend {
    color: #000000; 
    font-weight: bold;
}
.contenu {
    width:90%;
    float:left;
}
.options {
    width:8%;
    float:right;
}
.fleches {
    width:8%;
    float:right;
    padding:5px;
    max-width: 80px;
}
.popclose {
    float:right;
}
.boutons{   
	width: 100%;
	margin: 5px 0 0;
}
.left{   
	display: inline-block;
	text-align: left;
	float:left;
}
.left1{   
	width: 175px;    
	display: inline-block;
	text-align: left;
}
.right{   
	display: inline-block;
	text-align: right;
	float:right;
}
.right1{   
	width: 75%;
	display: inline-block;
	text-align: right;
}


#etape2 input:not([type="checkbox"]):not([type="radio"]):not([type="password"]):not([type="submit"]),
#generatorTitle input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), #wrapper select:not([type="checkbox"]) {
    -moz-box-sizing: content-box;
    border: 1px solid #B2B2B2;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 2px 3px 10px;
    transition: all 0.2s linear 0s;
    width: 95%;
}

#generatorContent input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), #wrapper select:not([type="checkbox"]) {
    -moz-box-sizing: content-box;
    border: 1px solid #B2B2B2;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 2px 3px 10px;
    transition: all 0.2s linear 0s;
    width: 95%;
}


input, select {
    outline: medium none;
}







body {
    font-family: "Georgia",serif;
    line-height: 150%;
    margin: 0;
    padding: 0;
    line-height: 150%;
}

#header .inner {
    background: none repeat scroll 0 0 #F38630;
    color: #FFFFFF;
    padding: 20px;
}
#header, #nav, #footer, h1, h2, h3 {
    font-family: Tahoma,Geneva,sans-serif;
}

#nav {
    float: left;
    margin: 0;
    padding: 0;
    width:25%;
}

#nav .inner,
.menu2016 {
    padding: 1px 20px 20px;
}

#nav a,
.menu2016 a {
    color: #000000;
    text-decoration: none;
}
#nav ul,
.menu2016 ul {
    color: #333333;
    list-style: none outside none;
}

#nav li,
.menu2016 li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #585858;
    display: block;
    padding: 7px 0 7px 10px;
    text-decoration: none;
	
}

#content .inner {
    background: none repeat scroll 0 0 #E0E4CC;
    color: #333333;
    padding: 20px;
}

.info .inner {
    background: none repeat scroll 0 0 #E0E4CC;
    color: #333333;
    padding: 5px 5px 20px 20px;
}

.info,
#content {
    margin: 0 0 20px;
    padding: 0;
}


/* x pour fermer les div d'infos */
.alert .close {
    line-height: 20px;
    position: relative;
    right: -21px;
    top: -2px;
}
button.close,button.lien {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}
.lien:hover, .lien:focus, .close:hover, .close:focus {
    cursor: pointer;
    opacity: 0.8;
}
#btvplusquiz, #btvmoinsquiz{
    color: #0063DC;
}

.casesoptions {
    	width: 70%;
	display: inline-block;
}
.closecondition{
	display: inline-block;
	padding: 0px 0px 0px 5px;
	line-height: 14px;
	width:40px;
}
.closereponse{
	width:10%;
	display: inline-block;
}
.closereponse .close{
	line-height: 14px;
}
.left{
	float: left;
}
.div_condition{
    background: none repeat scroll 0 0 #E0E4EE;
    border: 1px solid #69D2E7;
    border-radius: 6px;
    margin: 5px;
    padding: 5px 10px 2px;
}
.up, .down{
 	cursor: pointer;
	text-align:center;
}


a.list-group-item:focus, a.list-group-item:hover {
    background-color: #f5f5f5;
    color: #555;
    text-decoration:none;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
.list-group-item-text {
    line-height: 1.3;
    margin-bottom: 0;
    color: #585858;
}
.menu2016 li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #585858;
    display: block;
    padding: 7px 0 7px 10px;
    text-decoration: none;
	
}


ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    font-size: 100%;
    margin: 2px 0 0;
    min-height: 0;
    padding: 0.5em 0.5em 0.5em 1.5em;
    position: relative;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e6e6e6;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}
.lienajouterquestion{
	display: inline-block;
    text-align: right;
    width:100%;
    font-size: 85%;
}
.sansbordure{
	border: 0px;
}

.separation {
    clear: both;
}

/*** FAQ ***/
.wq_categorie{
    width: 80%;
}

.wq_categorie_title{
    font-weight: bold;	
    margin-top: 2%; 
}

.wq_talk{
    padding: 1%;
    margin: 1%;
    border-radius: 6px;
    display: inline-block;
}

.wq_ask {
    background-color: #cdddab;
    margin-bottom: 0.5%;
}

.wq_rep {
    margin-top: 0;
    background-color: #bcece5;
    max-width: 90%;
    float: right;
}
/*** END FAQ ***/

.corpsdepage-left {
    margin-left: 2%;
}
.corpsdepage-large {
    max-width: 1800px;
    width: 98%;
}

@media all and (max-width:1200px) {
    .corpsdepage {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .wq_categorie{
        width: 100%;
    }
}
@media all and (max-width:800px) {
    #generatorContent {
	    width: 100%;
	}
	.label {
	    width: 95%;
	}
	.blank30p{
		width:0%;
	}
	.error-blank30p{
		width:0%;
	}
	.error{
		width:80%;
	}
	.input {
	    display: inline-block;
	    width: 95%;
	}
	.titre {
    		color: #000000;
	}
	.input-multiligne {
	    width: 95%;
	}
}



@media print {

	.noprint {
		display: none !important; 
	}
}



/* HEADER */
header {
    z-index: 9;
    padding: 0.5rem 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.97);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
nav {
    float: none;
    clear: both;
}
nav > ul, nav > ul > li {
    float: left;
    clear: none;
}
nav {
    position: relative;
    display: inline-block;
    clear: none;
}

nav > ul > li {
    padding: 0 0.2em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.778em;
    font-family: 'Montserrat', sans-serif;
    user-select: none;
}
nav > ul li > a {
    text-decoration: none;
    line-height: 3rem;
}
nav a {
    color: #fff;
}
header {
    background-color: rgba(0,0,0,0.35);
}
header .title{    
    font-size: 1.556em;
    line-height: 3rem;
    color: #000;
    font-weight: 700;
    align-self: flex-start;
}
header .title a{    
    color: #fff;
    text-decoration: none;
}
.barreheader {
    margin: 0 auto;
    width: 90%;
}
#app-menu {
    display: flex;
    color: #fff;
    font-weight: bold;
}
#app-menu3 {
    display: none;
}
#lemenu {
    display: none;
}
#lemenuXL {
    display: block;
}
#lemenuXS {
    display: none;
}
#lemenuXS nav > ul, #lemenuXS nav > ul > li {
    float: none;
}
#lemenuXS nav > ul {
    margin-top: 0;
}
#lemenuXS nav a {
    color: #000;
    line-height: 1.5rem;
}
#lemenuXL ul, #lemenu ul {
    list-style: none;
}
#mainmenu nav > ul li > span {
    display: block;
    margin: 0;
    padding: 0.625rem 0.5em;
    line-height: 0.5rem;
    text-decoration: none;
}
#mainmenu nav > ul li > a {
    display: block;
    margin: 0;
    padding: 0.625rem 0.5em;
    line-height: 0.9rem;
    text-decoration: none;
    border-bottom: 1px solid #DDD;
}
#mainmenu nav > ul li > a:hover {
    background-color: #DDD;
}


@media all and (max-width:68em) {
    #mainmenu nav > ul li > span {
        display: block;
        margin: 0;
        padding: 0.625rem 0;
        line-height: 1.250rem;
        text-decoration: none;
        border-bottom: 0px;
    }
    nav > ul li > a {
        display: block;
        margin: 0;
        padding: 0.625rem 0.5em;
        border-bottom: 1px solid #DDD;
        line-height: 1.250rem;
        text-decoration: none;
    }
    .menu {
        display:inline-block;
    }
    nav > ul {
        margin: 0;
    }
    .page2 {
        background-color: #fff;
        padding: 2% 2%;
    }
    #lemenuXS {
        display: block;
    }
    #lemenuXL {
        display: none;
    }
    #app-menu3 {
        display: flex;
        color: #fff;
        font-weight: bold;
    }
}
/* HEADER END*/

/* burger Menu */
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}
.active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.active .bar2 {opacity: 0;}
.active .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}


/*  Modele App */
.flex {
    display: flex;
}
.flexVerticalCenter {
   display: flex;
   align-items: center;
   justify-content: center;
}
.flexAlignRight {
    display: flex;
    align-items: flex-end;
}
.barreheader {
    justify-content: space-between;
}
.flexSpaceBetween {
    display: flex;
    justify-content: space-between;
    width:100%;
}
.center {
    text-align: center;
}
.centpcent {
    width: 100%;
}
.verticalAlignCenter {
    display:flex;
    justify-content: flex-end;
    align-items: center;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type=""],
input:not([type]) {
    width: 60%;
}
input,
select,
textarea,
button {
    font-family: inherit
}
input[type=""],
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
select,
textarea,
pre,
code,
kbd,
samp {
    font-size: inherit;
    line-height: inherit
}
button,
input,
select,
textarea,
pre,
code,
kbd,
samp {
    font-weight: inherit
}


nav {
    position: relative;
    display: inline-block;
    float: right;
    clear: none;
}
/*  MENU DEROULANT  */
#lemenuXL nav ul {
    margin: 0;
    padding: 0;
}

#lemenuXL nav ul.sub-menu {
    position: static;
    display: block;
    padding: 1em 0 0 0;
    width: inherit;
}

#lemenuXL nav > ul > li {
    padding: 0 0.78em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.78em;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

#lemenuXL nav > ul > li:last-child {
    padding: 0 0 0 0.78em;
}

/*nav > ul > li > a {
    line-height: 1.5rem;
}*/

#lemenuXL nav > ul > li:hover > a {
    border-bottom: 2px solid #333;
}

#lemenuXL header.transparent.light nav > ul > li:hover > a {
    border-bottom: 2px solid #fff;
}

#lemenuXL nav li {
    position: relative;
    white-space: nowrap;
}

#lemenuXL nav > ul li:hover > ul.sub-menu {
    display: block;
 /* show the submenu */;
}
#lemenuXL nav .sub-arrow {
    padding-left: 0.500em;
    vertical-align: middle;
    font-size: 0.714em;
}
#lemenuXL nav ul.sub-menu {
    position: absolute;
    left: 0;
    z-index: 9999;
 /* level 2 */
    margin-top: -1rem;
    display: none;
    margin-bottom: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

#lemenuXL nav ul.sub-menu ul.sub-menu {
    top: 0px;
    left: 100%;
 /* level 3+ */
    margin-top: -0.063rem;
    padding-top: 0;
}

#lemenuXL nav ul.sub-menu > li > a {
    display: block;
    padding: 0.5rem 1rem;
    background-color: #F6F6F6;
    font-size: 0.78em;
    line-height: 1rem;
    color: #000;
}

#lemenuXL nav ul.sub-menu > li > a:hover {
    background-color: #FD685B;
    color: #fff;
}

#lemenuXL nav ul.sub-menu > li:first-child > a {
    border-radius: 2px 2px 0 0;
}

#lemenuXL nav ul.sub-menu > li:last-child > a {
    border-radius: 0 0 2px 2px;
}
/*
.error {
    visibility: hidden;
}*/