* {margin: 0;padding: 0;}
body {
	background-color: #ggCCgg;
	color: #000000;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	/* height:80%; 
	width:90%;  */
	font-weight: normal}
p {	color: #000000;
	font-size: 1em;
	margin:0.3em 0}
/*body
{ height:50%; }*/
hr {background-color:#f59e3f;border: 0 none;color:#f59e3f;height:0.2em;margin:2em 0;}
ul, li { list-style:inside square;font-weight:normal;clear:both;margin:0.3em 0 }


/* dans l'entete  */
h1 {color: #fb6f0e;font-size: 1.2em;font-style: normal;font-weight: bold;margin:0.5em 0;display:none	}
#en-tete {background: url("images/m") no-repeat 0 0 #dadcda;height:100px;}
.en-teteLien{width:200px;height:100px}

/* dans le pied de page  */
#pied-page {
	background: url("images/pied-de-page.jpg") no-repeat 100% 0 transparent;
	display: block;clear:both;
	text-align:center;
	padding-top:137px
	}
#adresse {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	margin-top:0;
	background-color:#0059a7;
	color:#ffffff;} 
#a-propos{
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-align:center;
	margin-top:4px;
	display: block;
	background-color:transparent}


#page {
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 90%;}

.corps {
	background:#fff;
	padding:0.5em 3.5em 0.8em 3.5em;position: relative;
	text-align:justify;margin-bottom:0
	}


h2 {color: #0255a3;font-size: 1em;font-style: normal;font-weight: bold;text-align:center;clear:both;margin:2em}
h2.intertitre {color:#408080;font-weight: bold;font-size:1.5em;margin:1em 0 0 0;text-align:center}
h3 {color: #0255a3;font-size: 1em;font-style: normal;font-weight: bold;text-align:center;clear:both;margin:1em}
.alerte {color: #D72D2F;font-size: 1em;font-weight: bold;text-align: center;}
.ulrien li, .form ul, .form li {clear: both;list-style: outside none none;margin: 0.8em 0 0;}

/* modifs jquery pour accordéon analyse */
/* .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,
html  .ui-button.ui-state-disabled:hover,html  .ui-button.ui-state-disabled:active {
	border: 1px solid #cccccc;
	background: #ffffff url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #0059a7;
} */

/* .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,
a:link.ui-button,a:visited.ui-button,.ui-button {
	color: #000;
	text-decoration: none;
} */

/* .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,
.ui-button:hover,.ui-button:focus {
	border: 1px solid #ea8d02;
	background: #fff9e9 url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ea8d02;
} */

/* .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,
a.ui-button:hover,a.ui-button:focus {
	color: #c77405;
	text-decoration: none;
} */

/* .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,
a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
	border: 1px solid #ea8d02;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ea8d02;
} */
.ui-widget-header{background-color: #408080;}
.ui-icon-background,.ui-state-active .ui-icon-background {
	border: #fbd850;
	background-color: #eb8f00;
}

/* .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
} */

/* page index */
#boites {width:80%;margin-left:auto;margin-right:auto;margin-top:2em;}
#boite2 {width:100%;margin-left:auto;margin-right:auto;margin-top:2em}

.ui-widget-content a {
    color: #000;font-weight: normal;text-decoration: none;
}
.ui-widget-content a:hover {
    color: #000;font-weight: normal;text-decoration: none;
}
/* form {
  max-width: 200px;
  margin: 0;
  padding: 0 5px;
} */

p > label {
  display: block;
}

/* input[type=text],
input[type=email],
input[type=number],
textarea,
fieldset {
nécessaire, sur les navigateurs basés sur Webkit, pour appliquer correctement le style des éléments de formulaire
  -webkit-appearance: none;
  
  width : 100%;
  border: 1px solid #333;
  margin: 0;
  
  font-family: inherit;
  font-size: 90%;
  
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input:invalid {
  box-shadow: 0 0 5px 1px red;
}

input:focus:invalid {
  outline: none;
} */

.cadreprinceresult {
   /*  position: relative;
    display: inline-block;  */
    
}

/* Toggle this class - hide and show the popup */
.cadreprinceresult .show {
    visibility: hidden;
}
.cadremerci {

    
}
.cadremerci .show {
    visibility: hidden;
}
form {
/*  background-color:#FAFAFA; */
 padding:10px;
 
 }
 fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
/* label {
 margin-top:10px;
 display:block;
 } */
/* label.inline {
 display:inline;
 margin-right:50px;
 } */
/* input, textarea, select, option {
 background-color:#FFF3F3;
 } */
/* input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 } */

/* input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 } */
/* input:focus, textarea:focus {
 background-color:white;
 }
input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFF3F3;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color:#FCDEDE;
 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
} */
.unereponse{

font-weight:bold
}


.padding { padding: 2%; }
.padding-top { padding-top: 2%; }
.padding-top-nav { padding-top: 5px; }
.padding-top-double { padding-top: 4%; }
.padding-bottom { padding-bottom: 2%; }
.padding-bottom-double { padding-bottom: 2%; }
.padding-left { padding-left: 2%; }
.padding-left-double { padding-left: 4%; }
.padding-right { padding-right: 2%; }
.padding-right-double { padding-right: 4%; }

// ==== margin 
.margin-top { margin-top: 2%; }
.margin-top-double { margin-top: 4%; }
.margin-left { margin-left: 2%; }
.margin-left-double { margin-left: 4%; }
.margin-bottom { margin-bottom: 2%; }
.margin-bottom-double { margin-bottom: 4%; }
.margin-right { margin-right: 2%; }
.margin-right-double { margin-right: 4%; }

.no-margin { margin: 0%; }
.no-margin-bottom { margin-bottom: 0%!important; }
.no-margin-right { margin-right: 0%!important; }
.no-margin-top { margin-top: 0%!important; }

.border-right { border-right : 1px solid #f2f2f2; padding-right : 1%; }
.border-left { border-left : 1px solid #f2f2f2; padding-left : 1%; }




.info { background-color: #8BCF9C; padding: 1%; color:#0c45a0; }
.infoBas { background-color: #8BCF9C; padding: 1%; color:#0c45a0; border-top : 5px solid #183a68;}
.textBlanc{color: white;}
.textBleu{color: #0c45a0;}
.h3Fond{background-color:#003366; padding: 1%; color:white;}
.ligneBleu{background-color:#183a68; heigth:10px;  border-top : 5px solid #8bcf9c;}
.btn-cramif{color: #fff; background-color:#003366;border-color:#003366;}
.btn-cramif:hover{color: #fff;}
.btn-cramif:focus{color: #fff;}