.colonne1 {
	float: left;
	width: 30%;
	background: white;
	margin-left: 1%;
}
.centre {
	float: left;
	width: 48%;
	background: white;
}
.colg {
	margin-left: 1%;
	margin-right: 65%;
	background: white;
 	border: 1px solid gold;
}
.colonne2 {
	float: right;
	width: 48%;
	background: white;
	margin: 1%;
}
.debut {
	float: right;
	width: 66%;
	background: white;
}
.cadre {
	float: right;
	width: 100%;
	background: white;
	margin: 1%;
}
.texte {
	float: right;
	width: 63%;
	background: white;
 	border: 1px solid gold;
}
body {background: white; font-family: verdana, helvetica, arial;}
p{text-align:justify;text-indent:1em;margin-left:1em;margin-right:1em;font-size:1em;color:black;}
h1 { text-align: center; color: red; font-size:1.2em;font-weight:bold;}
h2x{color: white; background: #C6BB20;font-weight: bold; font-size:1.1em;}
h2{color: white; background: #3300FF;font-weight: bold; font-size:1.1em;}
h3{color: blue; font-weight: bold; font-size:1.1em;font-style: italic;}
h5{text-align: center; color: blue; font-weight: bold; font-size:1em;font-style:italic;}
.themes {color: red; font-size:1.1em;margin-top:0;margin-bottom:0}
.media {color: blue; font-size:1.1em;font-weight: bold;font-style: italic; text-align:center;;margin-top:1em}
.menu {
	float:left;
	width:24.6%;
	background: white;
	font-color:gold;
	font-family: arial;
	text-align: center;
	font-size:0.8em;
	border: 1px solid gold;
	font-weight: bold;
}
.comptanat {text-align:center;
background:#3300FF;font-size:1.2em;color:white;font-family: arial;font-weight: bold;}
.site {text-align:center;
background:white;font-size:1.1em;color:red;font-weight: bold;font-style:italic;border: 1px solid gold;}
.dig1 {color: white; background: #3300FF;font-weight: bold; font-size:1.1em;margin-top: 3em;margin-bottom: 1em;}
.dig2 {font-size:1.0em;  background-color#E2F5F3;font-weight: bold; color: red; margin-top: 1.2em;margin-bottom: 0.8em}
.dig3 {font-size:1.0em; font-weight: bold; background-color: #E2F5F3;margin-left: 3%;margin-top: 0.5em}
.dig4 {font-size:1.0em; background-color:white;margin-left: 6%;}
.dig5 {font-size:1.0em; background-color:white;margin-left: 9%;font-style: italic;}
.dig6 {font-size:1.0em; background-color:white;margin-left: 12%;}


@media only screen and (max-device-width:980px) {
.colg {
	width: 100%
	margin-left: 1%;
	margin-right: 1%;
	background: white;
	clear: both;
}
.texte {
	width: 100%;
	margin-left: 1%;
	margin-right: 1%;
	background: white;
 	border: 1px solid gold;
	clear: both;
}
body {background: white; font-family: verdana, helvetica, arial;}
p{text-align:justify;text-indent:1em;margin-left:1em;margin-right:1em;font-size:1em;color:black}
h1 { text-align: center; color: red; font-size:1.5em;font-weight:bold; }
h2{color: white; background: #3300FF;font-weight: bold; font-size:1.3em;}
h3{color: blue; font-weight: bold; font-size:1.1em;font-style: italic;}
h5{text-align: center; color: blue; font-weight: bold; font-size:1em;font-style:italic;}
.menu {
	float:left;
	width:24.6%;
	background: white;
	font-color:gold;
	font-family: arial;
	text-align: center;
	font-size:1.9em;
	border: 1px solid gold;
	font-weight: bold;
}
}
@media only screen and (max-device-width:980px) {
.comptanat {
	width:100%;
	text-align:center;
	background:#3300FF;
	font-size:5.0em;
	color:white;
	font-family: arial;font-weight: bold;}
.site {text-align:center;
background:white;font-size:1.1em;color:red;font-weight: bold;font-style:italic;border: 1px solid gold;}
}

li{color: red;list-style-image:url(img/flech.gif);font-size:1em}
li li{color: blue;list-style: none; font-size:1em;}
li li1{color: blue;list-style-image:url(img/bb1.gif);font-size:1em}
ol li {color:black}
.page {max-width: 1280px; margin-left: auto; margin-right: auto}
.page1 {max-width: 320px; margin-left: auto; margin-right: auto}
.photo { float:right; width: 50%; margin: 1em}
.pdf { float:right; width: 20%; margin: 0em; color:white}  
.col2 { float:left; width: 50%} 
.col3 { float:left; width: 30%; background: blue} 
.encadre { border: 1px solid blue;background:white}
.note { float:right; width: 40%; border: 1px solid blue;background:white; margin: 1em; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em;color: blue; font-size:1em; font-weight: bold;font-style: italic; text-align:center;}
.note1 { float:right; width: 40%; border: 1px solid blue;background:#f8f8d8; margin: 1em; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em;color: blue; font-size:1em; font-weight: bold;font-style: italic; text-align:center;}
td { vertical-align: top; horizontal-align: center; font-size:1em; }
th {color: blue; font-size:1em;font-weight: bold;font-style: italic; text-align:center;}
.comptanat1 {text-align:center;
background:#C6BB20;font-size:1.2em;color:white;font-family: arial;font-weight: bold;font-style:italic}
.site {text-align:center;
background:white;font-size:1.1em;color:red;font-weight: bold;font-style:italic;border: 1px solid gold;}
.mois {color: red; font-weight: bold; font-style: italic;font-size:1.1em;margin-top:0;margin-bottom:0}
.signature {text-align: left;color:red;font-weight:bold;text-indent:0em}
a:link {text-decoration:none;}
a:visited {text-decoration:none}
a:hover{background:white;color:green}
td a{color:gold}
li a{color:red}
li li a{color:blue}
.para {color:black}
.par {color:black;text-align:justify;font-size:1em;margin-right:1em}
.abo {color:blue;font-weight: bold;font-style:italic;text-align: center;font-size:1.1em}
.principe {color:blue;font-weight: bold; font-style: italic;text-indent:0}
.solde {background: yellow; color:red}
.menu1 {background: #3300FF;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.menu2 {background: #3300FF;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.menu3 {background: #3300FF;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.menu4 {background: #3300FF;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.menu2a {background: #990000;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.menu3a {background: #669900;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.menu4a {background: #3300FF;color:gold;font-family: arial;text-align: center;font-size:0.8em}
.videx {
	width: 100%;
	text-align: right;
	clear: both;
}
.vide {
	width: 100%;
}
.videg {

	text-align: left;
	float: left;
	width: 45%;
}
.vided {

	text-align: right;
	float: right;
	width: 45%;
}
.rouge {color:red;font-weight:bold}
.vert {color:green;font-weight:bold}
.noir {color:black;font-weight:bold}
.citation{font-style: italic;color: #990000}
.compte { float:right; width: 100%; margin: 0em} 
#dd{text-align:right;background:white;color:black;font-size:0.9em}
#th2b{text-align:left;color:black;font-size:0.8em;background:white}
#th1{text-align:center;font-family:arial;background:#C6BB20;color:white;font-weight:bold;font-size:0.8em;margin-top:1em}
#pbg{text-align:left;text-indent:0cm;background:white;margin-left:1em;margin-right:0em;color:black;font-size:1em}
#pbg1{text-align:left;text-indent:0cm;background:#f8f8d8;margin-left:1em;margin-right:0em;color:black;font-size:0.9em}
#thpb{text-align:center;color:black;font-size:0.9em;background:white}
#thp{text-align:center;color:black;font-size:0.9em;background:#f8f8d8}
#dggv{text-align:left;background:#f8f8d8;color:black;font-size:0.9em;font-weight:bold}
#dgdv{text-align:right;background:#f8f8d8;color:black;font-size:0.9em;font-weight:bold}
#dcdv{text-align:center;background:#C6BB20;color:white;font-size:1em;font-weight:bold}
.color1 {background-color:#F7F4A0}
.color2 {background-color:#E2F5F3}
.haut1 {border-bottom:none; background-color:#F7F4A0; text-align:right}
.milieu1 {border-top:none; border-bottom:none; background-color:#F7F4A0; text-align:right}
.bas1 {border-top-style:none; background-color:#F7F4A0; text-align:right}
.haut2 {border-bottom:none; background-color:#E2F5F3; text-align:right}
.milieu2 {border-top:none; border-bottom:none; background-color:#E2F5F3; text-align:right}
.bas2 {border-top:none; border-bottom-style:thin; background-color:#E2F5F3; text-align:right}
.haut {border-bottom:none}
.milieu {border-top:none; border-bottom:none}
.bas {border-top:none}

.centree {
	display: block;
	margin-left: auto;
    	margin-right: auto
}

table {
    	border-collapse: collapse;
	margin-left: auto;
    	margin-right: auto;
	font-family: arial;
}
.trait {
	border: 1px solid blue;
	}
.ligne2 {
	background-color:#E2F5F3;
	border-top: solid 1px blue;
	}
.ligne2a {
	background-color:#E2F5F3;
	border-top: solid 1px blue;
	border-bottom: solid 1px blue;
	}
.ligne1 {
	background-color:#F7F4A0;
	border-top: solid 1px blue;
	}
.ligne1a {
	background-color:#F7F4A0;
	border-bottom: solid 1px blue;
	}
.ligne3 {
	background-color:white;
	border-bottom: solid 1px blue;
	}
table.tee {
	width:96%;
	border-top: solid 1px blue;	
	border-bottom: solid 1px blue;
	border-left: solid 1px blue;;
	border-right: solid 1px blue;
	font-size:0.8em;
}
table.tee td 	{
		border-left: solid 1px blue;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 2px;
		padding-top: 2px;
		}
table.bord 	{
		width:90%;
		border-top: solid 1px blue;	
		border-bottom: solid 1px blue;
		border-left: solid 1px blue;;
		border-right: solid 1px blue;
	}
table.bord td 	{
		border-left: solid 1px blue;
		padding-left: 5px;
		padding-bottom: 2px;
		padding-top: 2px;
		}
.cadrebleu { border: 1px solid blue;background:white;}
.cadrebleu p {color: blue}
table.schema	{
		border: 0;
		width: 60%;
		font-size:0.9em;
		}
table.schema80	{
		border: 0;
		font-size:0.9em;
		width: 80%;
		}
table.schema40	{
		border: 0;
		font-size:0.9em;
		width: 40%;
		}
td.jaune	{
		background-color:yellow;
		vertical-align: middle;
		text-align: center;
		border: solid 1px black;
		}
td.bleu		{
		background-color:#E2F5F3;
		vertical-align: middle;
		text-align: center;
		border: solid 1px black;
		}
td.or		{
		background-color:#F7E592;
		vertical-align: middle;
		text-align: center;
		border: solid 1px black;
		}
td.vert1		{
		background-color:#B8FCC1;
		vertical-align: middle;
		text-align: center;
		border: solid 1px black;
		}
td.jaune1		{
		background-color:#F0FA8A;
		vertical-align: middle;
		text-align: center;
		border: solid 1px black;
		}
td.or1		{
		background-color:#FCF372;
		vertical-align: middle;
		text-align: center;
		border: solid 1px black;
		}
table.tabmat 	{
		width:100%;
		border-top: solid 0px blue;	
		border-bottom: solid 0px blue;
		border-left: solid 0px blue;;
		border-right: solid 0px blue;
	}
table.tabmat td 	{
		border-left: solid 0px blue;
		padding-left: 1em;
		padding-rightt: 1em;
		padding-bottom: 1px;
		color: red;
		}
table.tabmat td li {color: blue;list-style: none; font-size:1em}
table.tabmat td li a {color: blue}		
table.tabmat1 td li {color: blue;list-style-image:url(img/bb1.gif);font-size:1em}
a.lrouge {color: red}
.section {color: blue; font-weight: bold; font-size:1.1em;font-style: normal;}
.confident {color:blue; font-size: 0.9em;}
.confident a {color: blue;}
table.comptes 	{
		border-top: solid 1px blue;	
		border-bottom: solid 1px blue;
		border-left: solid 1px blue;;
		border-right: solid 1px blue;
	}
table.comptes td 	{
		border-left: solid 1px blue;
		padding-left: 5px;
		padding-bottom: 2px;
		padding-top: 2px;
		}