A:LINK {
	color : #0000FF;
	text-decoration : none;
}

A:Visited {
	color : #990099;
	text-decoration : none;
}

A:Hover {
	color : red;
	text-decoration : none;
}

A:Active {
	color : Red;
}

a.mainlink {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 90%;
}

BODY {
	background-color : #FEFEDE;
	font-size : 100%;
	font-family : times, arial, helvetica, sans-serif;
	margin : 0px;
	padding : 0px;
}

TABLE.histo { 
	border-collapse: collapse;
	border: 2px solid green;
}

TD.histo {
	background-color : #FEFEDE;
	color : black;
	border: 1px solid #005028;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 65%;
	text-align: center;
}

TD.histoleft {
	background-color : #FEFEDE;
	color : black;
	border: 1px solid #005028;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 65%;
	text-align: left;
}

TD.list {
	background-color : #FEFEDE;
	color : black;
	border: 1px solid #005028;
	font-family : sans-serif;
	font-style : normal;
	padding : 4px;
	text-align: center;
}

TD.listleft {
	background-color : #FEFEDE;
	color : black;
	border: 1px solid #005028;
	font-family : sans-serif;
	font-style : normal;
	padding : 4px;
	text-align: left;
}

TH {
	background-color: #CCFF99;
	border: 1px solid #005028;
	color : #006600;
}

TD.login {
	background-color : #FEFEDE;
	color : black;
}

H1 {
	color : navy;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 160%;
	font-weight : bold;
}

H2 {
	color : #336633;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 130%;
}

H3 {
	color : #993366;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : normal;
}

H4 {
	color : Maroon;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : normal;
	margin-bottom : -15px;
}

a.h4link, a.h4link:visited, a.h4link:active {
	color : Maroon;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : normal;
	/*margin-bottom : -15px;*/
}

a.h4link:hover {
	color : Maroon;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : normal;
	/*margin-bottom : -15px;*/
	text-decoration : underline ;
	/*font-weight : bold;*/
}

a.whitelink, a.whitelink:visited, a.whitelink:active {
	color : white;
}

 a.whitelink:hover {
 	color : white;
	text-decoration : underline ;
}

a.blacklink, a.blacklink:visited, a.blacklink:active {
	color : black;
}

 a.blacklink:hover {
 	color : black;
	text-decoration : underline ;
}

P {
	font-family : verdana, helvetica, arial, sans-serif;
	font-style : normal;
	margin-left: 1cm;
	margin-right: 1cm;
	font-size : 95%;
	margin-top: 2px;
	margin-bottom: 2px;
}

.underline {
	text-decoration : underline ;
}

.ctitle{
	color : #990000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : bold;
	margin-left: 2cm;
	margin-top : 15px;
}

.csubtitle{
	color : #808000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 90%;
	font-weight : bold;
	margin-left: 2.5cm;
	margin-top : 4px;
}

.cdesc {
	font-family : sans-serif;
	font-style : normal;
	margin-top : 4px;
	margin-left: 2.5cm;
}

.cval {
	color : Black;
	font-family : sans-serif;
	font-style : normal;
	font-weight : normal;
	margin-left: 0.3cm;
}

.cauteur {
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 50%;
	font-weight : bold;
	font-style : normal;
	margin-left: 0.3cm;
}

.cnom {
	color : navy;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 160%;
	font-weight : bold;
	font-style : italic;
}

.gnom {
	color : navy;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 90%;
	font-weight : bold;
}

.gdef {
	color : black;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 90%;
	font-weight : normal;
	font-style : normal;
}


div.ftitle{
	color : #990000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : bold;
	margin-left: 0.5cm;
}

div.fsubtitle{
	color : #808000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 90%;
	font-weight : bold;
	margin-left: 1.0cm;
}

div.fsubtitle_nomarg{
	color : #808000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 90%;
	font-weight : bold;
}

.fnote {
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 60%;
	font-weight : bold;
	margin-left: 0.3cm;
}

.note {
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 70%;
	margin-left: 0.3cm;
}

.exectime {
	color : #AAAAAA;
	font-family : verdana, helvetica, arial, sans-serif;
	/*font-style : italic;*/
	font-size : 60%;
	font-weight : bold;
	margin-left: 0.3cm;
}

.keyword {
	color : #AAAAAA;
	font-family : verdana, helvetica, arial, sans-serif;
	text-align : justify;
	/*font-style : italic;*/
	font-size : 60%;
	font-weight : bold;
	/*margin-left: 0.3cm;*/
}

.photoname {
	color : black;
	font-family : verdana, helvetica, arial, sans-serif;
	text-align : center;
	font-style : italic;
	font-size : 70%;
	font-weight : bold;
}

a.fsubtitle:link {
	color : #808000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 100%;
	font-weight : bold;
	text-decoration : underline ;
}

a.fsubtitle:visited {
	color : #808000;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 100%;
	font-weight : bold;
	text-decoration : underline ;
}

a.fsubtitle:hover {
	color : #339900;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 100%;
	font-weight : bold;
	text-decoration : underline ;
}

a.unselect:link {
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	text-decoration : underline ;
	font-size : 60%;
}

a.unselect:visited {
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	text-decoration : underline ;
	font-size : 60%;
}

a.unselect:hover {
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 60%;
	font-weight : bold;
	text-decoration : underline ;
}

.btn {
	cursor: pointer;
	background-color: silver;
	border: 1px solid black;
}

.button {
	width: 140px;
}

.error {
	color : Red;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 80%;
	font-weight : bold;
	text-align: center;
	font-style : italic;
}

.good {
	color : green;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 80%;
	font-weight : bold;
	text-align: center;
	font-style : italic;
}

/*.mainlink {
	margin-left: 1cm
}*/


div.rowsubmit {
 	clear: both;
	padding-top: 15px;
 }

div.rowsubmit span.left {
 	float: left;
 	width: 400px;
 	text-align: right;
 }
 
div.rowsubmit span.center {
	float: left;
 	width: 100px;
 	text-align: center;
 }

div.rowsubmit span.right {
	float: right;
 	width: 300px;
 	text-align: left;
 }

div#loginbox {
    position: absolute;
    height: 16px;
    width: 300px;
    top: 50px;
    right: 5px;
    margin: 0px;
    padding: 3px;
    border: solid #005028 2px;
    font-family : verdana, helvetica, arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
    text-align : center;
    color : green;
}

@media (max-width: 767px) {
	div#searchbox {
	    position: absolute;
	    height: 16px;
	    width: 350px;
	    top: 240px;
	    left: 5px;
			margin: auto;
	    padding: 3px;
	    border: solid #005028 0px;
	    font-family : verdana, helvetica, arial, sans-serif;
	    font-size : 10px;
	    font-weight : bold;
	    text-align : center;
	    color : green;
	}
	
	div#findbox {
	    position: absolute;
	    height: 16px;
	    width: 320px;
	    top: 270px;
	    left: 5px;
	    margin: 0px;
	    padding: 3px;
	    border: solid #005028 0px;
	    font-family : verdana, helvetica, arial, sans-serif;
	    font-size : 10px;
	    font-weight : bold;
	    text-align : center;
	    color : green;
	    text-align:left;
		}
}

@media (min-width: 768px) {
	div#searchbox {
	    position: absolute;
	    height: 16px;
	    width: 350px;
	    top: 160px;
	    right: 5px;
	    margin: 0px;
	    padding: 3px;
	    border: solid #005028 0px;
	    font-family : verdana, helvetica, arial, sans-serif;
	    font-size : 10px;
	    font-weight : bold;
	    text-align : center;
	    color : green;
	}
	
	div#findbox {
	    position: absolute;
	    height: 16px;
	    width: 320px;
	    top: 160px;
	    left: 5px;
	    margin: 0px;
	    padding: 3px;
	    border: solid #005028 0px;
	    font-family : verdana, helvetica, arial, sans-serif;
	    font-size : 10px;
	    font-weight : bold;
	    text-align : center;
	    color : green;
	    text-align:left;
	}
}

A.findbox:LINK {
	color : green;
	text-decoration : none;
}

A.findbox:Visited {
	color : green;
	text-decoration : none;
}

A.findbox:Hover {
	color : red;
	text-decoration : none;
}

A.findbox:Active {
	color : Red;
}

div#mainbanner {
    /*position: absolute; */
    margin : 0px;
    padding : 0px;
    top: 0px; 
    left: 0px;
    background-image:url('images/banner.jpg');
    width:0px; 
   	height:110px;
    /*border: solid #005028 2px;*/
}

@media (min-width: 500px) {
		div#mainbanner {
	    /*position: absolute; */
	    margin : 0px;
	    padding : 0px;
	    top: 0px; 
	    left: 0px;
	    background-image:url('images/banner.jpg');
	    width:170px; 
	   	height:110px;
	    /*border: solid #005028 2px;*/
		}
}

@media (min-width: 1039px) {
		div#mainbanner {
	    /*position: absolute; */
	    margin : 0px;
	    padding : 0px;
	    top: 0px; 
	    left: 0px;
	    background-image:url('images/banner.jpg');
	    width:709px; 
	   	height:110px;
	    /*border: solid #005028 2px;*/
		}
}

div#banner {
    /*position: absolute; */
    margin : 0px;
    padding : 0px;
    top: 0px; 
    left: 0px;
    /*border: solid #005028 2px;*/
}

#deconnect {
	color : Red;
	font-weight : bold;
	/*font-style : italic;*/
	/*margin-left: 10px;*/
}

#connect {
	color : Red;
	font-weight : bold;
	/*font-style : italic;*/
	/*margin-left: 10px;*/
}
    
div#navbar {
    /*comment*/
    float: left;
    height: 30px;
    width: 1000px;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #336699;
}
div#navbar ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar li {
    list-style-type: none;
    display: inline;
}
div#navbar li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#navbar li a:link {
    color: #FFF;
}
div#navbar li a:visited {
    color: #CCC;
}
div#navbar li a:hover {
    font-weight: bold;
    color: #FFF;
    background-color: #3366FF;
}

.sbulle {
	position:absolute; visibility:hidden;
	background:#ffa; padding:4px; text-align:left;
	border:2px solid black;
	color : Black;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 60%;
}

a.bullelink, a.bullelink:active, a.bullelink:visited  {
	color : green;
}

a.bullelink:hover {
	color : green;	
}


.nomarg {
	margin : 0px;
	padding : 0px;
}

div.h3 {
	color : #993366;
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 110%;
	font-weight : normal;
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 5px;
}

TABLE.tree {
      margin : 0px;
      padding : 0px;
      border-collapse: collapse;
      border: 0px solid green;
}

TD.tree {
      font-size: 10pt; 
      font-family: verdana,helvetica; 
      text-decoration: none;
      white-space:nowrap;
      margin : 0px;
      padding : 0px;
}

.mycodbbutton {
	font-family: arial,verdana,helvetica, sans-serif;
	font-size: 12px;
	padding : 2px;
	border: 1px solid #ccd7e0;
	background-image : url(images/button.gif);
}

/* --- cal styles ---
*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: green;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cellblank {
	background-color: #FFF;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cellwe {
	background-color: #CCC;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_celltoday {
	background-color: #CCFF99;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

/* --- menu styles ---
*/

@media (min-width: 768px) {
		#main-nav {
			line-height: 0;
			text-align: left;
		}
		#main-menu {
			display: inline-block;
		}	
}

/* Pour smartphone */
@media (max-width: 640px) {
	/** {
		box-sizing: border-box;
	}*/
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

	.element1,
	.element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les éléments superflus */

	.hide_mobile {
		display: none !important;
	}
	
	/* Un message personnalisé */

	/*body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}*/
}

/*@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}*/