/* valeur de référence des balises */

input{ font-size: 1.0em; font-weight: bold;	color: #000000; border: 1px solid #777777; padding-left: 2px; padding-left: 3px;}
input[type=button]{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 8px; }
input[readonly] { background-color: #dfe7ef; }
textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold;	color: #000092; border: 1px solid #000000; }
select { font-size: 1.0em; font-weight: bold;	color: #000092; border: 1px solid #000000; z-index: 10;}
td { font-weight: bold; vertical-align: middle; }
img { border : none; vertical-align : middle; border-radius: 8px;}
a, a:link, a:visited, a:hover, a:active { text-decoration : none; }
a:hover { text-decoration: underline; }
h3 { color : #000092; font-size : 1.7em; font-weight : bold; }
p { font-weight : bold; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size : 0.75em;
 background : #ffffff;
}

/* ------- Conteneur de la page ------------ */
div#container{
}

/* --- Entete --- */
div#header{
}

/* --- La marque --- */
div#branding{
 width: 902px;
 height : 140px;
 margin: 0px auto;
}

/* --- Navigation principale --- */
div#nav-main{
 width: 977px;
 height : 33px;
 margin: 0px auto;
}
div#nav-main h3 {
  color : #000092;
  font-size : 1.4em;
  font-style : normal;
  text-align : center;
  text-transform : uppercase;
  width : 130px;
}
div#nav-main .tableau{
	margin: auto;
	font-size : 0.9em;
	border: 1px solid #ff0000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div#nav-main .tableau th {
  color : #ffffff;
  font-size : 1em;
  text-align: center;
  font-weight: bold;
  white-space:nowrap;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: -moz-linear-gradient(top , #3b438b, #375db5);
  background: -webkit-gradient(linear, left top ,left bottom, from(#3b438b), to(#375db5) );
}
div#nav-main .tableau td {white-space:nowrap;}
div#nav-main .even a { color : #000092; }

div#nav-main td:hover{
  background-color : #888888;
  background : -moz-linear-gradient(top , #333333, #999999);
  background : -webkit-gradient(linear, left top ,left bottom, from(#333333), to(#999999) );
}

div#nav-main a {
 color : #ffffff;
}

/* --- Les conteneurs --- */
div#content{}

/* --- Contenu principale --- */

div#content-main{
 position: relative;
 padding: 0px;
 width : 977px;
 margin: auto;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-box-shadow: 4px 4px 5px #999999;
}

.fntGreen { color: #000092; }
.fntRed { color: #ff0000; }

/* --- Contenu secondaire --- */

div#content-sub {
  width : 990px;
  margin: 5px auto;
}

div#content-sub table {
  margin: auto;
}
div#content-sub a {
 color : #000000;
}

/* --- Pied de page --- */

div#footer{
 width : 972px;
 margin: auto;
 text-align: center;
 padding-bottom: 3px;
}
div#siteinfo-legal{
 color : #444444;
 padding-top: 5px;
 padding-bottom: 7px;
 border-top: 1px solid #d5a1a4;
 border-bottom: 1px solid #d5a1a4;
}
div#siteinfo-legal span{
 color : #444444;
 font-size : 0.8em;
 margin-left: 5px;
 margin-right: 5px;
}
div#siteinfo-legal a {
 color : #444444;
}


.tdl{ text-align: left; }
.tdc{ text-align: center; }
.tdr{ text-align: right; padding-right: 2px;}

.c1{
 font-weight: normal;
}
.c2{
 font-weight: bold;
 color: #c70000;
 padding-top: 17px;
 font-size: 1.5em;
}
.t1{
 font-weight: normal;
 vertical-align: top;
 z-index:10;
}
.t2{
  padding: 2px;
  border: 1px solid #d5a1a4;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;	
 }
.t2 a{
 text-decoration : none;
 }
.t3{
  height: 28px;
  color: #ffffff;
  vertical-align: middle;
  background-color : #888888;
  background : -moz-linear-gradient(top , #555555, #cccccc);
  background : -webkit-gradient(linear, left top ,left bottom, from(#555555), to(#cccccc) );
  border: 1px solid #d5a1a4;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
}
.t4 {
  font-size : 1em;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  height: 180px;
  vertical-align: top;
  background-color : #e0e0e0;
  background : -moz-linear-gradient(top , #cccccc, #eeeeee);
  background : -webkit-gradient(linear, left top ,left bottom, from(#cccccc), to(#eeeeee) );
}
.t4:hover {
  background-color : #eeeeee;
  background : -moz-linear-gradient(top , #e0e0e0, #eeeeee);
  background : -webkit-gradient(linear, left top ,left bottom, from(#e0e0e0), to(#eeeeee) );
}
.t5{
  height: 28px;
  width: 300px;
  color: #ffffff;
  vertical-align: middle;
  background-color : #888888;
  background : -moz-linear-gradient(top , #333333, #999999);
  background : -webkit-gradient(linear, left top ,left bottom, from(#333333), to(#999999) );
  border: 1px solid #d5a1a4;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
}
.t5:hover{
  background-color : #888888;
  background : -moz-linear-gradient(top , #555555, #cccccc);
  background : -webkit-gradient(linear, left top ,left bottom, from(#555555), to(#cccccc) );
}

h3 { margin:0px; padding:0px; }

div#listSlide{  
  position:relative;
  height:500px;
}
  
div#listSlide img { border:none; }

.slide {
 display: none;
 position: absolute;
 height:470px;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}

.slideTexte {
 padding-top: -15px;
 padding-left: 3px;
 color:#000000;
 height:50px; 
 width: 500px; 
 position: absolute;
 bottom: 0px;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 z-index: 200;
 background-color:#ccc;
 filter:alpha(opacity=0.5);
 opacity: 0.9;
 width: 470px; 
 height: 50px;
 display: block;
}

.slideTexte h3{
 color:#821515;
}

.slideDoc {
 height:470px;
 width : 100%;
 font-weight: normal;
 font-style : normal;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background-color:#e4e4e4; 
}
.slideDocContent{
 padding: 5px 0px 0px 10px;
}
.slideDocContent span{
 font-size : 1.5em;
 font-weight: bold;
}
.btdemo{
 padding: 4px;
 width: 200px;
 vertical-align: middle;
 background-color : #eeeeee;
 background : -moz-linear-gradient(top , #c0c0c0, #f0f0f0);
 background : -webkit-gradient(linear, left top ,left bottom, from(#c0c0c0), to(#f0f0f0) );
 border: 1px solid #821515;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 text-align: center;
}
.btdemo a{
 color: #821515;
 font-size : 0.9em;
 font-weight: bold;
 text-decoration : none;
}
.maskVideo {
 position: fixed;
 left: 0px;   
 top: 0px;
 height: 100%;
 width: 100%;       
 background-color:#111111;
 filter:alpha(opacity=0.7);
 opacity: 0.7;
 visibility: hidden;
 z-index:65;
}
.video{
 visibility: hidden;
 position: absolute;
 z-index: 70;
 border: 4px solid #888888;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background-color : #faeba5;
 background: -moz-linear-gradient(top , #faeba5, #fff0df);
 background : -webkit-gradient(linear, left top ,left bottom, from(#faeba5), to(#fff0df) );
 -moz-box-shadow: 8px 10px 14px #555555;
 -webkit-box-shadow: 8px 10px 14px #555555;
}
.page{
 position: absolute;
 bottom: 8px; 
 right: 12px;
 z-index: 200;
 background-color:#cccccc;
 filter:alpha(opacity=0.5);
 opacity: 0.9;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}
.pagen {
 padding: 5px;
 color: #821515;
 font-size : 0.9em;
 font-weight: bold;
 text-decoration : none;
 text-align: center;
 font-weight: bold;
}
.pagen:hover{
 text-decoration : none;
 background-color:#ffffff;
}
.pageHover{
 text-decoration : none;
 background-color:#ffffff;
}
.btClose{
 text-decoration : none;
 position: absolute;
 right: -20px;
 top: -20px;
 z-index: 80;
}
.btClose a{
 text-decoration : none;
}
div#mdpage a {
  padding-left : 10px;
  padding-bottom : 10px;
}

.masker {
 visibility: hidden;
 position: absolute;
 top: 0px;
 left: 0px;          
 width: 100%;       
 height: 100%;    
 background-color:#CCCCCC;
 filter:alpha(opacity=0);
 opacity: 0.0;
 z-index:99;
}
.popup {
  position: absolute;
  visibility: hidden;
  width: 300px;
  background-color : #d5e6e1;
  border: 1px solid #000092;
  border-radius: 8px;
  -moz-border-radius: 8px;
  text-align: left;
  width: 50px;
  z-index: 100;
}
.popup .popTop {
  background-color: #000092;
  border-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  width: 50px;
}
.popup .popTop .popTitle{
  float: left;
  padding: 3px 3px 3px 15px;
  color: #FFFFFF;
  font-weight: bold;
}
.popup .popContent {
  padding: 5px;
  cursor: default;
  color: #000092;
  text-align: center;
  font-size : 1.1em;
}
.popup .popContent .popMessage {
  text-align: center;
  color: #000092;
  font-weight: bold;
}
.bt{ cursor: pointer; }
.err{ color: #ff0000; font-weight: bold; }
.mess{ font-size: 11pt; font-weight: bold; text-align: center; color: #00cF00;}
.aide{ font-size: 11pt; font-weight: bold; text-align: center; color: #a00e2a;}
div#ajaxInProgress {
 visibility: hidden;
 position: absolute;
 top: 120px;
 left: 550px;
 width: 201px;
 height: 41px;
 font-size : 1.2em;
 font-weight: bold;
 z-index: 100;
}
.bgcam{
 width: 600px;
 height: 350px;
 padding-right: 15px;
 position: relative;
 background-image: url('camera.jpg');
 background-repeat: no-repeat;
 background-position: left bottom;
 text-align: right;
 font-size : 1.8em;
 font-weight: bold;
 color: #0C6EAA;
}
.bginput{ 
 width: 400px;
 height: 390px;
 position: relative;
 background-image: url('fondInput2.jpg');
 background-repeat: no-repeat;
 background-position: left top;
}
.bginputville{
 position:absolute;
 top:86px;
 left: 57px;
 font-size : 1.8em;
 font-weight: bold;
 color: #354B71;
}
.bginputcp{
 position:absolute;
 top: 250px;
 left: 50px;
 font-size : 1.4em;
 font-weight: bold;
 color: #354B71;
}
.btinput{ 
 font-size : 1em;
 font-weight: bold;
 color: #354B71;
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 8px;
}
.decovideo{
 width: 700px;
 height: 87px;
 padding-top: 8px;
 text-align: center;
 border: 1px solid #C75943;
 border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.bginputAnn{ 
 width: 970px;
 height: 573px;
 position: relative;
 background-image: url('fondInputAnn.jpg');
 background-repeat: no-repeat;
 background-position: left top;
}
.bginputcodeAnn{
 position:absolute;
 left: 630px;
 top:327px;
 font-size : 1.8em;
 font-weight: bold;
 color: #354B71;
}
.bginputfindAnn{
 position:absolute;
 left: 670px;
 top: 387px;
 font-size : 1.4em;
 font-weight: bold;
 color: #354B71;
}