BODY
{
    FONT-SIZE: 10pt;
    COLOR: #330099;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #00bfff;
	margin:10px;
	padding:0;
}
BODY A
{
    COLOR: #0000ff;
    TEXT-DECORATION: underline
}
BODY A:link
{
    COLOR: #0000ff;
    TEXT-DECORATION: underline
}
BODY A:visited
{
    COLOR: #0000ff;
    TEXT-DECORATION: underline
}
BODY A:active
{
    COLOR: #0000ff
}
h1{
	font-size: 11pt;
	font-weight: bold;
	padding:0;
	margin:0;
}
h2{
	font-size: 10pt;
	font-weight: bold;
	padding:0;
	margin:0;
}
h3{
	font-size: 10pt;
	font-weight: normal;
	padding:0;
	margin:0;
}

form {padding:0;margin:0;}
.normal
{
    FONT-SIZE: 10pt;
    COLOR: #330099;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #00bfff
}
.center{text-align:center;}
.left{text-align:left;display:inline-block;}
.black
{
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #000000
}
BODY UL
{
    MARGIN-LEFT: 15pt;
    TEXT-INDENT: -2pt;
    LIST-STYLE-TYPE: square
}
BODY UL UL
{
    LIST-STYLE-TYPE: disc
}
BODY A:hover
{
    TEXT-DECORATION: none
}
.petit
{
    FONT-SIZE: 7pt
}
.LCD
{
    FONT-SIZE: 10pt;
    COLOR: #000080;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #8cc6ef
}
.arriereplan
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e0e0ff
}
.avantplan
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #f0f0df;
}
.avantplanerr
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ff0000;
    color:#fff;
}

.avantplanpa
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #f0f0df;
    border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
.avantplanpa .t1
{
    FONT-SIZE: 10pt;
    text-align: left;
    font-weight:bold;
    display:block;
}
.avantplanpa .t2
{
    font-size: 8pt;
    text-align: left;
    display: block;
    padding-left:30px;
}
.avantplanpa .t3
{
    FONT-SIZE: 10pt;
    text-align: right;
    font-weight:bold;
    display:block;
}
.avantplanpa .t4
{
    font-size: 7pt;
    text-align: right;
    display: block;
}
.cadre
{
    BORDER-RIGHT: #000000 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 2px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #000000 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000000 2px solid
}
.tete
{
    BORDER-RIGHT: 1px;
    PADDING-RIGHT: 4pt;
    BORDER-TOP: 1px;
    PADDING-LEFT: 4pt;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: 1px;
    COLOR: #ffffff;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #0000ff;
}
.avantplan li
{
    LIST-STYLE-TYPE:square;
	margin:0 0 0 13px;
}
.tetebouton
{
    PADDING-RIGHT: 4pt;
    BORDER-TOP: #000000 2px solid;
    PADDING-LEFT: 4pt;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0pt;
    COLOR: #ffffff;
    PADDING-TOP: 0pt;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #0000ff
}
.tetebas
{
    PADDING-RIGHT: 4pt;
    BORDER-TOP: #000000 2px solid;
    PADDING-LEFT: 4pt;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2pt;
    COLOR: #ffffff;
    PADDING-TOP: 2pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #0000ff
}
.tete A
{
    COLOR: #ffffff
}
.tete A:active
{
    COLOR: #ffffff
}
.tete A:link
{
    COLOR: #ffffff
}
.tete A:visited
{
    COLOR: #ffffff
}
.tete A:hover
{
    TEXT-DECORATION: none
}
.tetebas A
{
    COLOR: #ffffff
}
.tetebas A:active
{
    COLOR: #ffffff
}
.tetebas A:link
{
    COLOR: #ffffff
}
.tetebas A:visited
{
    COLOR: #ffffff
}
.tetebas A:hover
{
    TEXT-DECORATION: none
}
.back
{
    CURSOR: w-resize
}
.next
{
    CURSOR: e-resize
}
.return
{
    CURSOR: nw-resize
}
.teteboutonbas
{
    PADDING-RIGHT: 4pt;
    BORDER-TOP: #000000 2px solid;
    PADDING-LEFT: 4pt;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0pt;
    COLOR: #ffffff;
    PADDING-TOP: 0pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #0000ff
}
.tetemilieu
{
    PADDING-RIGHT: 4pt;
    BORDER-TOP: #000000 2px solid;
    PADDING-LEFT: 4pt;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2pt;
    COLOR: #ffffff;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #0000ff
}
INPUT
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Verdana,Arial;
    BACKGROUND-COLOR: #00ffff;
    TEXT-DECORATION: none
}
SELECT
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Verdana,Arial;
    BACKGROUND-COLOR: #00ffff;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
TEXTAREA
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Verdana,Arial;
    BACKGROUND-COLOR: #00ffff;
    TEXT-DECORATION: none
}
.erreur
{
    FONT-SIZE: 11pt;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
.liens
{
    FONT-SIZE: 9pt;
    padding:8px;
    width:240px;
}
.thanks
{
    font-size: 10pt;
    padding:8px;
    width:240px;
	background-color:#5555aa;
	color:#cccc99;
}
.thanks b{
	color:#ffffff;
	font-weight:bold;
	padding:2px 4px 2px 0;
}

.secur
{
  padding: 0;
  margin: 4px 0;
  background-color:#000;
}
.secur td
{
  font-size:12pt;
  font-weight:bold;
  text-align:center;
  margin:3px;
  color:red;
  border: 2px solid red;
  display:block;
}
#searchbox{
  display:block;
  width:260px;
  margin: 8px 0;
}
#searchbox .cse .gsc-control-cse, .gsc-control-cse
{
 padding : 0 !important;
}

#searchbox table.gsc-search-box {
    margin: 8pt 4pt !important;
}
#searchbox .cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
    padding-right: 4px !important;
}
#searchbox .cse input.gsc-search-button, input.gsc-search-button {
    font-size: 7pt !important;
    min-width: 50px !important;
}
#gsc-i-id1{
	background:#ffffff no-repeat scroll left center !important;
}
.gsc-control-cse {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
}
#searchbox{
	display:inline-block;
}
#divmain{
	display:block;
	margin:auto;
	max-width:970px;
}
#divmenu{
	display:block;
	float:left;
}

#divcontent{
	display:black;
	float:left;
	width:550px;
}
#divright{
	display:block;
	float:left;
	width:275px;
	margin:8px;
}
#footer{
	display:block;
	width:100%;
	margin:8px 0;
	text-align:center;
	font-size:8pt;
	clear: both;
}
.footelt{
	float:left;
	display:inline-block;
	width: 255px;
}


.maincadre {
	border-image: url('/images/mainbackgroud2.png') 21 5 21 5 stretch stretch; 
	border-color: #293c5a;
	border-style: solid;
	border-width: 20px 4px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #e0e0ff;
	margin: 0 auto;
	box-sizing:border-box;
	outline: none;
}
.maincadre .title {
	margin: -19px auto 0;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
}

.maincadre .content{
  margin: 8px 2px;
}

#divcontent{
	float:left;
	width: 550px;
}

a.logollink{
	cursor: pointer;
	display: inline-block;
	height: 60px;
	margin: -60px 0 0;
	text-decoration: none;
	width: 100%;
}
.menucadre {
  border-image: url('/images/mainbackgroud2.png') 21 2 21 5 stretch stretch; 
  border-color: #293c5a;
  border-style: solid;
  border-width: 20px 5px;
  display: block;
  width: 123px;
  height: auto;
  background-color: #e0e0ff;
	margin: 0 6px 0 0;
  box-sizing:border-box;
	outline: none;
	float:left;
}
.menucadre .title {
  margin: -19px auto 0;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
}
.menucadre .content{
	background-color: #01bdff;
	background-image: url('/images/logomenu.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 -1px -3px -2px;
	padding: 60px 0 0;
	width: 116px;	
}

.menucadre .content ul{
  list-style: none;
  text-indent:0;
  margin:0;
  padding:0;
}
.menucadre .content ul li{
  display: inline-block;
  width:116px;
  height:30px;
  line-height:30px;
  background-color: #18297b;
  text-align:center;
  vertical-align:middle;
	color:#fff;
	font-weight:bold;
	background-image: url('/images/btnoff.png');
}
.menucadre .content ul li:hover{
	background-image: url('/images/btnon.png');
	background-color: #8cc6ef;
	color:#000;
}
.menucadre .content ul .act{
	background-image: url('/images/btnact.png');
	background-color: #fff;
	color:#000;
}
.warning {
	background-color: #000000;
	display: block;
	margin: 15px 0;
	padding: 3px;
}
.warning span{
	background-color: #000000;
	border: 2px solid #ff0000;
	color: #ff0000;
	display: block;
	font-size: 12pt;
	font-weight: bold;
	padding: 8px;
	text-align: center;
}
.palistnav
{
	text-align: center;
	margin:10px;
}
.palistnav .l1{float:left;text-align:left;}
.palistnav .l2{width:100%;text-align:center;}
.palistnav .l3{float:right;text-align:right;}
.palistcrits{
	border: solid 2px #000;
	margin: 10px 0;
	padding: 6px 0;
	background-color: #f0f0df;
}
.palistcrits label{
	display: block;
	font-weight: bold;
	width: 170px;
	padding: 8px 0 0 0;
}
.palistcrits .nol{
	display: inline;
	width: auto;
	padding: 0 8px 0 0;
}
.palistcrits select{
	width:170px;
	margin: 0 0 6px 6px;
}
.lnkgeo{font-size:6pt;text-align:center;margin:10px 2px;}
.lnkgeo a{white-space:nowrap;}
.a {border:1px solid;margin:8px 0;padding:2px 2px 5px 5px;background-color:#f0f0df;}
.a a:link{text-decoration:none;color:#330099;}
.a h3{display:inline;font-weight:bold;}
.a1,.a3,.a5{
	display:inline-block;
	width:70%;
	vertical-align: top;
}
.a2,.a4,.a6{
	display:inline-block;
	text-align: right;
	width: 28%;
	vertical-align: top;
	overflow: hidden;
}
.a1,.a2{font-weight: bold;}
.a5,.a4{font-size:8pt;}
.a5{color:#6600CC;}
.a6{font-size:7pt;}
.a7{border-top:1px solid;display:block;padding:8px 0;width:100%;}
.a8{border-top:1px solid;display:block;padding:8px 0;width:100%;overflow:hidden;font-size:7pt;}

.formAnn fieldset{border:1px solid #c0c0c0;margin-top:10px;}
.formAnn fieldset legend{font-weight:bold;}
.formAnn fieldset p{margin:4px 0;padding:0;}
.formAnn fieldset label{width:160px;display:inline-block;text-align:right;padding-right:8px;}
.formAnn fieldset span{font-size:8pt;padding-left:8px;padding-right:16px;}
.formAnn fieldset .br{display:block;padding-left:168px;}
.formAnn fieldset .n2{width:30px!important;}
.formAnn fieldset .reduc{width:250px!important;}
.formAnn fieldset textarea{width:100%;height:200px;}
.formAnn fieldset input[type="text"]{width:300px;}
.formAnn fieldset input[type="password"]{width:300px;}
.formAnn fieldset input[type="email"]{width:300px;}
.formAnn fieldset input[type="number"]{width:50px;}
.formAnn fieldset select{width:300px;}
.formAnn .tete {font-weight:bold;}
.formAnn .aidesaisie{padding:4px;}
.formAnn .avantplanerr{padding:4px 8px;}
.formAnn .attention{padding:4px 8px;}
.formAnn .avantplan{text-align:left;}
#crit1{float:left;width:50%;}
#crit2{float:right;width:50%;}

#critvalid{clear:both;width:100%;border-top:1px solid;text-align:center;padding:6pt 0 0 0;}
.def{position:relative;display:inline-block;border-bottom:1px dotted black;cursor:help;}
.defb {
	display: block;
	text-align: center;
	font-family:arial;font-size: 8pt;
	visibility: hidden;
	background-color: #555;
	color: #fff;
	position: absolute;
	z-index: 100;
	top: 135%;
	left: 50%;
	width: 110px;
	margin-left: -55px;
	padding: 8px 5px;
	border-radius: 3px;
	opacity: 0;
	transition: opacity 0.5s;
}
.def:hover .defb{visibility:visible;opacity:0.85;}
.dic{font-size:8pt;}
.dic h2
{
	padding:15px 0 10px 0;
	text-decoration:underline;
	font-weight:bold;
	font-size:10pt;
}
.dic div
{
	padding-left:20px;
	
}

.ageslider{
  width:250px;
}
[slider] {
  position: relative;
  height: 6px;
  border-radius: 6px;
  text-align: left;
  margin: 10px 0 12px 0;
}

[slider] > div {
  position: absolute;
  left: 13px;
  right: 15px;
  height: 14px;
}

[slider] > div > [inverse-left] {
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #00bfff;
  margin: 0;
  top: 1px;
}

[slider] > div > [inverse-right] {
  position: absolute;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #00bfff;
  margin: 0;
  top: 1px;
}

[slider] > div > [range] {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 8px;
  background-color: #330099;
}

[slider] > div > [thumb] {
  position: absolute;
  top: -6px;
  z-index: 2;
  height: 16px;
  width: 16px;
  text-align: left;
  margin-left: -11px;
  cursor: pointer;
  /*box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);*/
  background-color: #330099;
  border-radius: 50%;
  outline: none;
}

[slider] > input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 3;
  height: 8px;
  top: -2px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

div[slider] > input[type=range]::-ms-track {
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]::-moz-range-track {
  -moz-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

div[slider] > input[type=range]:focus {
  outline: none;
}
div[slider] > input[type=range]::-ms-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}

div[slider] > input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
  -webkit-appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
  display: none;
}


@media only screen and (max-width: 1024px) {
#divright {
	clear: both;
	width: 100%;
	margin:8px 0;
}
}

@media only screen and (max-width: 720px) {
body{
	margin:0;
	padding:0;
}

a.logollink{
	height: 60px;
	margin: 0 0 0 -116px;
	text-decoration: none;
	width: 116px;
	float:left;
}

/* menucadre horizontal */
.menucadre {
  width: 100%;
  height: 97px;
  margin: 0 0 10px;
}

.menucadre .content{
	height: 60px;
	margin: 2px -3px -3px 0;
	padding: 0 0 0 116px;
	width: 100%;
	box-sizing: border-box;
}
/* menu buttons float left*/
.menucadre .content ul li{
  float:left;
}
#divcontent{
	width: 100%;
}

}
@media only screen and (max-width: 608px) {
.menucadre .content ul li{width:75px;height:20px;line-height:20px;font-size:8pt;background-image: url('/images/btnoff2.png');}
.menucadre .content ul li:hover{background-image: url('/images/btnon2.png');}
.menucadre .content ul .act{background-image: url('/images/btnact2.png');}
}
@media only screen and (max-width: 512px) {
.m490{display: none;}
.menucadre {height:75px;}
.menucadre .content{	background-image:none;padding:0;height: 40px;}
.menucadre .content ul li{width:75px;height:20px;line-height:20px;font-size:8pt;background-image: url('/images/btnoff2.png');}
.menucadre .content ul li:hover{background-image: url('/images/btnon2.png');}
.menucadre .content ul .act{background-image: url('/images/btnact2.png');}
.formAnn fieldset label {font-size:8pt;padding-right:4px;width:105px;}
.formAnn fieldset .n2{width:20px!important;font-size:7pt;}
.formAnn fieldset .br {padding-left:70px;}
.formAnn fieldset .reduc{width:182px!important;}
.formAnn fieldset input[type="text"]{width:220px;}
.formAnn fieldset input[type="password"]{width:220px;}
.formAnn fieldset input[type="email"]{width:220px;}
.formAnn fieldset input[type="number"]{width:40px;}
.formAnn fieldset select{width:220px;}
.formAnn fieldset span {padding-left:6px;padding-right:12px;}
}

@media only screen and (max-width: 400px) {
body{font-size:9pt;}
.m400{display: none;}
.fb_iframe_widget span{width:380px !important;}
}

@media only screen and (max-width: 373px) {
.warning span {border:1px solid #ff0000;font-size:10pt;padding:4px;}
.tete{font-size:8pt;}
.formAnn fieldset label {font-size:8pt;padding-right:4px;width:105px;}
.formAnn fieldset .n2{width:20px!important;font-size:7pt;}
.formAnn fieldset .br {padding-left:70px;}
.formAnn fieldset .reduc{width:132px!important;}
.formAnn fieldset input[type="text"]{width:170px;font-size:7pt;}
.formAnn fieldset input[type="password"]{width:170px;font-size:7pt;}
.formAnn fieldset input[type="email"]{width:170px;font-size:7pt;}
.formAnn fieldset input[type="number"]{width:32px;font-size:7pt;}
.formAnn fieldset select{width:170px;font-size:7pt;}
.formAnn fieldset span {font-size:7pt;padding-left:3px;padding-right:6px;}
/* Firefox */
/*input[type=number] {-moz-appearance: textfield;}*/
/* Chrome */
/*input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}*/
/* Opéra*/
/*input::-o-inner-spin-button,input::-o-outer-spin-button {-o-appearance:none;margin:0}*/
ul{margin-left: 8pt;padding: 10px;}
.imganndet{width:280px;}
}