*
{
	margin:0;
	padding:0;
}
html
{
	height:100%;
}

div img
{
	vertical-align: middle;
	border:none;
}

body {
	/*background-color: rgb(8,76,141);*/
	background-color: WHITE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	/*color: #336699;*/
	height:100%;
}


a {
	color: #3366CC;
	text-decoration: none;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

div#footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background: url(./images/bas.gif) repeat-x;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}


/*--------*/

div#fond_haut
{
	position: absolute;
	left:0px;
	top:0px;
	/*background: url(./images/fondhaut.gif) repeat-x;*/
	border:none;
	height:87px;
	line-height: 87px ;
	width:100%;
}

div#bandeau_gris
{
	position: absolute;
	padding-right:1%;
	/*padding-bottom:5px;*/
	left:0px;
	top:87px;
	/*background-color: rgb(212,212,212);*/
	background-color: rgb(25,77,141);
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:right;
	font-size:12px;
	
}

div#menubleu
{
	position: absolute;
	padding-right:1%;
	left:0px;
	top:87px;
	background-color: #69BBE9;
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:left;
	font-size:12px;
	
}
div#menubleu ul
{
	padding-left:230px;
}

div#menubleu li
{
	/*width: 150px;*/
	padding-right:15px;
}

li.li_court
{
	margin-left:35px;
	_margin-left:0;
}

li.li_long
{
	margin-left:85px;
	_margin-left:0;
}

li.li_très_long
{
	margin-left:165px;
	_margin-left:0;
}

div#menurouge
{
	position: absolute;
	padding-right:1%;
	/*padding-bottom:5px;*/
	left:0px;
	top:87px;
	/*background-color: rgb(212,212,212);*/
	background-color: #FF4D55;
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:left;
	font-size:12px;
	
}
div#menurouge ul
{
	padding-left:334px;
}

div#menugris
{
	position: absolute;
	padding-right:1%;
	/*padding-bottom:5px;*/
	left:0px;
	top:87px;
	/*background-color: rgb(212,212,212);*/
	background-color: #BCBDBE;
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:left;
	font-size:12px;
	
}
div#menugris ul
{
	padding-left:438px;
}

div#menuvert
{
	position: absolute;
	padding-right:1%;
	/*padding-bottom:5px;*/
	left:0px;
	top:87px;
	/*background-color: rgb(212,212,212);*/
	background-color: #68E1A1;
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:left;
	font-size:12px;
	
}
div#menuvert ul
{
	padding-left:542px;
}

div#menujaune
{
	position: absolute;
	padding-right:1%;
	/*padding-bottom:5px;*/
	left:0px;
	top:87px;
	background-color: #FFAC66;
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:left;
	font-size:12px;
	
}

div#menujaune ul
{
	padding-left:6px;
}



div#menujaunes
{
	position: absolute;
	padding-right:1%;
	/*padding-bottom:5px;*/
	left:0px;
	top:87px;
	background-color: #FF6;
	width:99%;
	height:21px;
	/*border:solid 1px black;*/
	text-align:left;
	font-size:12px;
	
}
div#menujaunes ul
{
	padding-left:646px;
}






div#bandeau_gris a
{
	color:white;
}

input.connect
{
	font-size: 9px;
	height:17px;
	width:60px;
}

div#menu
{
	/*overflow:hidden;*/
	/*font-size: 10px;*/
	/*font-weight: bold;*/
	/*position: fixed;*/
	position: absolute;
	top: 47px;
	height: 40px;
	margin-left:230px;
	/*_text-align:left;*/
	/*_left: -30px;*/
	/*width: 12%;*/
	/*border:solid 1px black;*/
	/*background: url(./images/menu_fond.gif) repeat-x;*/
	width:65%;
}

div#menu ul
{
	/*margin-left:230px;*/
}

div#menu li, div#menubleu li, div#menurouge li, div#menugris li,  div#menuvert li, div#menujaune li, div#menujaunes li
{
	font-size:13px;
	list-style-type: none ;
	float:left;
	text-align: center;
}


div#menujaune li a:link, div#menujaune li a:visited
{
	display: block ;
	width: 40px ;
	color: #DDDDDD;
	line-height: 21px;
}

div#menubleu li a:link, div#menurouge li a:link, div#menugris li a:link,  div#menuvert li a:link, div#menujaunes li a:link, div#menubleu li a:visited, div#menurouge li a:visited, div#menugris li a:visited, div#menuvert li a:visited, div#menujaunes li a:visited
{
	display: block ;
	width: 40px ;
	color: white;
	line-height: 21px ;
}


div#menu li a:link, div#menu li a:visited
{
	font-size:13px;
	display: block ;
	width: 104px ;
	line-height: 40px ;
	background: url(./images/bouton.gif) repeat-y 0 0px ;
	/*letter-spacing: -0.5px ;*/
	text-decoration: none;
	font-weight: bold;
	color: rgb(8,76,141);
}

div#menu li#rouge a:link, div#menu li#rouge a:visited 
{
	background: url(./images/boutonrouge.gif) repeat-y 0 0px ;
}

div#menu li#gris a:link, div#menu li#gris a:visited 
{
	background: url(./images/boutongris.gif) repeat-y 0 0px ;
}

div#menu li#vert a:link, div#menu li#vert a:visited 
{
	background: url(./images/boutonvert.gif) repeat-y 0 0px ;
}


div#menu li#jaunes a:link, div#menu li#jaunes a:visited 
{
	background: url(./images/boutonjaunes.gif) repeat-y 0 0px ;
}

div#menu li a:hover
{
	color: rgb(212,212,212);
	/*background: url(./images/bouton.gif) repeat-y 0 -21px ;*/
}


div#conteneur
{
	position:absolute;
	top:108px;
	padding-left:5px;
	padding-right:5px;
	width:95%;
	background-position:left;
	height:78%;
	_height: 75%;
	background-position:right;*/
	background-color: white;
	/*border:solid 1px black;*/
	overflow: none;
}

div#conteneur2
{
	position:absolute;
	top:108px;
	padding-left:5px;
	padding-right:5px;
	width:95%;
	background-position:left;
	height:78%;
	_height: 75%;
	background-position:right;*/
	background-color: white;
	/*border:solid 1px black;*/
	overflow: none;
	/*letter-spacing: -0.5px ;*/
	font-weight: bold;
	font-size: 20px;
	color: rgb(125,77,141);
}

div#etiquette
{
	position:absolute;
	left:6px;
	top:165px;
}

table { border-width:0px; border-collapse:collapse; WIDTH:100%;}
td { border-width:0px; color: black;}
/*th { background-color:rgb(230,237,244); border-top-color:rgb(128,128,255); border-right-color:rgb(225,225,225); border-bottom-color:rgb(225,225,225); border-left-color:rgb(128,128,255); border-width:1px; border-color:black; border-style:solid; font-size:16; text-align:center; }*/

th
{
background-color:white;
font-size:18px;
text-align:left;
}

.solutions
{
	color: #FF4D55;
}

.references
{
	color: #BCBDBE;
}

.domaines
{
	color: #69BBE9;
}

.ressources
{
	color: #68E1A1;
}


h1
{
	text-align:left;
	font-size:18px;
}

h2
{
	text-align::left;
	font-size:15px;
	margin-left:10%;
}

div#phrasechoc
{
	text-align:center;
	font-size:17px;
	/*font-weight: none;*/
}


div#deux_tblx
{
width:100%;
}

div#tbl_gauche
{
position: absolute;
width:400px;
}

div#tbl_droite
{
	position: absolute;
	width:40%;
	left:420px;
	_left:419px;

}


div#basbleu {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color: #69BBE9;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

div#basrouge {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color: #FF4D55;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

div#basgris {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color: #BCBDBE;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

div#basvert {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color: #68E1A1;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

div#basjaune {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color: #FFAC66;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

div#basjaunes {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color: #FF6;
	width:100%;
	height:39px;
	position:absolute;
	bottom:0;
	text-align:center;
}

img#img_sol
{
	height:65px;
}

.tbl_ref
{
	border-collapse:separate;
	border-spacing: 10px;
	text-align: center;
}