.classbody 
{
	width: 100%;
	margin: 0;
	font: normal 18px/18px Helvetica,Arial;
	overflow-x:hidden; /* on empeche le defillement horizontal */ 
	min-height: 100%;
	padding: 0;
	position: relative;
}

body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

.fondblanc { background-color: #FFFFFF; color: #000000; } 
.fondnoir { background-color: #000000; color: #FFFFFF; } 
.fondgrisf { background-color: #CCCCCC; color: #000000; } 
.fondgrisc { background-color: #EBEBEB; color: #000000; } 
.fondbleuv { background-color: #99CCCC; color: #000000; } 
.fondecru { background-color: #F7F7F7; color: #000000; } 
.fondbleun { background-color: #003366; color: #FFFFFF; } 
.fondrouge { background-color: #990000; color: #FFFFFF; } 
.fondbleuc { background-color: #0099FF; color: #FFFFFF; } 
.fondverto { background-color: #33CC99; color: #000000; } 
.fondcharb { background-color: #202020; color: #FEFEE2; } 
.fondjaunev { background-color: #E6E600; color: #000000; } 
.fondkaki { background-color: #6B887C; color: #FFFFFF; } 
.fondviolet { background-color: #6633CC; color: #FFFFFF; } 
.fondbleuk { background-color: #003399; color: #FFFFFF; } 
.fondbleum { background-color: #0099CC; color: #FFFFFF; } 
.fondor { background-color: #ECBD00; color: #000000; } 
.fondbeige { background-color: #E1C4A9; color: #000000; } 
.fondjaunep { background-color: #FFDD97; color: #000000; } 
.fondjaunec { background-color: #FFFFCC; color: #000000; } 
.fondrose { background-color: #00CCFF; color: #000000; } 

.bordecru { border-color:#F7F7F7; } 
.bordbeige { border-color:#E1C4A9; } 
.bordgrisc { border-color:#EBEBEB; } 
.bordgrisf { border-color:#CCCCCC; } 
.bordjaunec { border-color:#FFFFCC; } 
.bordor { border-color:#ECBD00; } 
.bordbleuv { border-color:#99CCCC; } 
.bordrose { border-color:#FF8C8C; } 
.bordbleut { border-color:#00CCFF; } 
.bordjaunep { border-color:#FFDD97; } 
.bordbleut { border-color:#FFDD97; } 

.bordBecru { border-bottom:2px solid #F7F7F7; } 
.bordBbeige { border-bottom:2px solid #E1C4A9; } 
.bordBgrisc { border-bottom:2px solid #EBEBEB; } 
.bordBgrisf { border-bottom:2px solid #CCCCCC; } 
.bordBjaunec { border-bottom:2px solid #FFFFCC; } 
.bordBor { border-bottom:2px solid #ECBD00; } 
.bordBbleuv { border-bottom:2px solid #99CCCC; } 
.bordBrose { border-bottom:2px solid #FF8C8C; } 
.bordBbleut { border-bottom:2px solid #00CCFF; } 
.bordBjaunep { border-bottom:2px solid #FFDD97; } 

.bordHecru { border-top:2px solid #F7F7F7; } 
.bordHbeige { border-top:2px solid #E1C4A9; } 
.bordHgrisc { border-top:2px solid #EBEBEB; } 
.bordHgrisf { border-top:2px solid #CCCCCC; } 
.bordHgrisfEp { border-top:4px solid #CCCCCC; } 
.bordHjaunec { border-top:2px solid #FFFFCC; } 
.bordHor { border-top:2px solid #ECBD00; } 
.bordHbleuv { border-top:2px solid #99CCCC; } 
.bordHrose { border-top:2px solid #FF8C8C; } 
.bordHbleut { border-top:2px solid #00CCFF; } 
.bordHjaunep { border-top:2px solid #FFDD97; } 

.bordDecru { border-right:2px solid #F7F7F7; } 
.bordDbeige { border-right:2px solid #E1C4A9; } 
.bordDgrisc { border-right:2px solid #EBEBEB; } 
.bordDgrisf { border-right:2px solid #CCCCCC; } 
.bordDjaunec { border-right:2px solid #FFFFCC; } 
.bordDor { border-right:2px solid #ECBD00; } 
.bordDbleuv { border-right:2px solid #99CCCC; } 
.bordDrose { border-right:2px solid #FF8C8C; } 
.bordDbleut { border-right:2px solid #00CCFF; } 
.bordDjaunep { border-right:2px solid #FFDD97; } 

.bordGecru { border-left:2px solid #F7F7F7; } 
.bordGbeige { border-left:2px solid #E1C4A9; } 
.bordGgrisc { border-left:2px solid #EBEBEB; } 
.bordGgrisf { border-left:2px solid #CCCCCC; } 
.bordGjaunec { border-left:2px solid #FFFFCC; } 
.bordGor { border-left:2px solid #ECBD00; } 
.bordGbleuv { border-left:2px solid #99CCCC; } 
.bordGrose { border-left:2px solid #FF8C8C; } 
.bordGbleut { border-left:2px solid #00CCFF; } 
.bordGjaunep { border-left:2px solid #FFDD97; } 

.carblanc { color: #FFFFFF; } 
.carnoir { color: #000000; } 
.carecru { color: #F7F7F7; } 
.cargras { font-weight: bold; }

.padh5 { padding-top: 5px; }
.padb5 { padding-bottom: 5px; }
.padh10 { padding-top: 10px; }
.padb10 { padding-bottom: 10px; }
.padh20 { padding-top: 20px; }
.padb20 { padding-bottom: 20px; }
.padg5 { padding-left: 5px; }
.padd5 { padding-right: 5px; }
.padg10 { padding-left: 10px; }
.padd10 { padding-right: 10px; }

.margh5 { margin-top: 5px; }
.margb5 { margin-bottom: 5px; }
.margh10 { margin-top: 10px; }
.margb10 { margin-bottom: 10px; }
.margh20 { margin-top: 20px; }
.margb20 { margin-bottom: 20px; }
.margg5 { margin-left: 5px; }
.margd5 { margin-right: 5px; }
.margg10 { margin-left: 10px; }
.margd10 { margin-right: 10px; }

.agauche { text-align: left; }
.aucentre {	text-align: center; }
.adroite { text-align: right; }
.justifie { text-align: justify; }

a { text-decoration: none; }
a:hover { text-decoration: underline dotted; font-weight:bold; }
a:link { 	text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:focus { text-decoration: underline dotted; font-weight:bold; }

a.liensobre { text-decoration: none; }
a.liensobre:hover { border-bottom-style: dotted; font-weight:bold; }
a.liensobre:link { 	text-decoration: none; }
a.liensobre:visited { text-decoration: none; }
a.liensobre:active { text-decoration: none; }
a.liensobre:focus { border-bottom-style: dotted; font-weight:bold; }

a.lienpointille { border-bottom-style: dotted; }
a.lienpointille:hover { border-bottom-style: dotted; font-weight:bold; }
a.lienpointille:link { border-bottom-style: dotted; }
a.lienpointille:visited { border-bottom-style: dotted; }
a.lienpointille:active { border-bottom-style: dotted; }
a.lienpointille:focus { border-bottom-style: dotted; font-weight:bold; }

.soulignepointille 
{
	text-decoration: underline dotted;
}

.separpoint 
{
	display: inline-block; 
	width: 6px;
	height: 6px;
	background-color: #000000;
	border-radius: 50px;
	vertical-align: middle;
}

.divvierge
{
	display: inline-block; 
	padding: 0px;
	margin: 8px;
	vertical-align:top;
}

.divviergecenter
{
	display: inline-block; 
	padding: 0px;
	margin: 8px;
	vertical-align:middle;
}

#divvierge
{
	display: inline-block; 
	padding: 0px;
	margin: 0px;
	vertical-align:middle;
}

.font08m { font-size: 0.8em; }
.font1m { font-size: 1em; }
.font13m { font-size: 1.3em; }
.font15m { font-size: 1.5em; }
.font17m { font-size: 1.7em; }
.font2m { font-size: 2em; }
.font23m { font-size: 2.3em; }
.font25m { font-size: 2.5em; }

.divviergecadrehautgauche
{
	display: inline-block; 
	padding: 5px;
	margin: 5px;
	vertical-align:top;
	border: 0px solid #9c9c9c;
	text-align: left;
}

.larg10p { 	width: 10%; }
.larg20p { 	width: 20%; }
.larg25p { 	width: 25%; }
.larg30p { 	width: 30%; }
.larg35p { 	width: 35%; }
.larg40p { 	width: 40%; }
.larg50p { 	width: 50%; }
.larg60p { 	width: 60%; }
.largtierstitreart { 	width: 600px; }
.largtiers { 	width: 649px; }
.largmoitie { 	width: 50%; }
.largtel { 	width: 250px; }

.dateagenda
{
	font-size: 1.3em;
	border-radius: 5px;
	width: 50px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.1em;
	text-align: center;
}
	
/*td,th, table
{
	color: #000000;
	background-color: #FFFFFF;
	font: normal 18px/18px Helvetica,Arial;
	vertical-align: center;
	border-radius: 5px;
}*/

.styleformulaire 
{
	color: #000000;
	background-color: #FFFFFF;
	font: normal 18px/18px Helvetica,Arial;
	vertical-align: center;
	border-radius: 5px;
}

.champtext 
{
	width: 400px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 7px;
	background-color:transparent;
}

.champtext:focus
{
	border: 3px solid #7D0000;
}

.champtext300 
{
	width: 300px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext300:focus
{
	border: 3px solid #7D0000;
}

.champtext200 
{
	width: 200px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext200:focus
{
	border: 3px solid #7D0000;
}

.champtext180 
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #555;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
	border-radius: 4px;
	padding: 4px;
	margin-bottom: 6px;
	margin-top: 6px;
	width: 180px;
}

.champtext180:focus
{
	border: 3px solid #7D0000;
}

.champtext120 
{
	width: 120px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext120:focus
{
	border: 3px solid #7D0000;
}

.champtext80 
{
	width: 80px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext80:focus
{
	border: 3px solid #7D0000;
}

.champtext60 
{
	width: 60px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext60:focus
{
	border: 3px solid #7D0000;
}

.champtext70 
{
	width: 70px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext70:focus
{
	border: 3px solid #7D0000;
}

.champtext10 
{
	width: 10px;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 3px;
	background-color:transparent;
}

.champtext10:focus
{
	border: 3px solid #7D0000;
}

.listederoulibre
{
	border: 1px solid #555;
	border-radius: 5px;
	padding: 4px; 
	margin: 5px;
	background-color:transparent;
}

.listederoulibre:focus
{
	border: 3px solid #7D0000;
}
