@charset "iso-8859-1";
/* pas de valeurs défaut : à travailler
* {
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
*/
/*.jaune-s {COLOR: #FFFFFF}*/
.bleu-s {COLOR: #003399}
.petitcar {font-size: 0.8em; font-weight:normal}
.petitcargras {font-size: 0.8em;font-weight : bold;}
.normalcargras {font-size: 1.0em;font-weight : bold;}
.normalgrasbleu {
	font-size: 1.0em; font-weight : bold;
	color:#003399;
}


html {
	height: 100%;
	width: 100%;
	font-size:100%;
}
body {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana,sans-serif;
	font-size :0.84em;
	font-style : normal;
	line-height:1.25em;
	text-decoration : none;
	text-align:center;
	color : #000000;
	background-image:url(images/fond_gris_chaud.jpg);
}

ul{
	padding:1px; 
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:30px;
}
li{
	margin-top: 1px;
	margin-bottom: 3px;
}
ul.ulorange {list-style-image:url(images/pt.gif); }
ul.ulblanc {list-style-type:circle;}
ul.ulsans {list-style-type:none;}

table {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	padding:0px 0px 0px 0px;
	border-width: 0px;
	width:100%;
	table-layout:fixed;
}
td {
	padding:3px 3px 3px 3px;
}
	
h1 {
	font-size: 46px;
	line-height:48px;
	margin: 0px 0px 0px 0px;
	padding:3px 2px 2px 1px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-top: 2px;
	margin-bottom: 2px;
}
h3 {
	font-size: 1.1em;
	margin-top: 2px;
	margin-bottom: 1px;
	margin-left:inherit;
}

p {
	margin-top:6px;
	margin-bottom:6px;
}

#conteneur {
	height: 100%;
	width: 840px;
	margin-left: auto;
    margin-right: auto;
	text-align:left;
	z-index:1;
	padding:0;
}

#bandeau {
	background-image:url(images/bandeau_jaune.jpg);
	color: #787B80;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	border-width: 0px 0px 0px 0px;	/*margin-bottom:10px; ne sert à rien avec IE*/
}

.img2tiers{
	float:right;
	width:560px;
	text-align:center;
}

.imgleftier{
	float:left;
	width:280px;
	text-align:center;
}

#bandeau h1 {
	color:#FFFFFF;
	padding-left:0px;
}
#bandeau td.lpad {
	padding:2px 4px 2px 12px;
}

a.courrier{
	text-decoration:underline;
	color:#003399;
	font-style:normal;
}
a.courrier:hover{
	text-decoration:none;
	color:#0000FF;
	font-style:normal;
}

a.ancrinterne{text-decoration:none;}

a.mp{
	text-decoration :none;
	width :auto;
	font-size :14px;
	color :#FFFFFF;
	padding :2px 8px 2px 8px;
	text-align  : center;
	border-width: 0;
	margin-left: 3px;
	margin-right: 3px;
}
a.mp:hover{
	text-decoration :none;
	width :auto;
	color :#000000;
	padding :2px 8px 2px 8px;
	text-align  : center;
}

a.clients{background-color:#F9B700;}
a.clients:hover{background-color:#FFD801;}		
a.methodo{background-color:#5FB919;}
a.methodo:hover{background-color:#B0D402;}		
a.partena{background-color:#EB422D;}
a.partena:hover{background-color:#ED6F01;}		
a.contact{background-color:#C80084;}
a.contact:hover{background-color:#E72F8F;}		
a.accueil{background-color:#787B80;}
a.accueil:hover{background-color:#ADA9AA;}
.mpici {
	width :auto;
	font-size :14px;
	font-style : normal;
	font-weight : bold;
	padding :2px 8px 2px 8px;
	text-align  : center;
}

.colaccueil {color:#787B80;}
.colclients {color:#F9B700;}
.colmethodo {color:#5FB919;}
.colpartena {color:#E9432C;}
.colcontact {color:#C80084;}
.bcolaccueil {background-color:#787B80;}
.bcolclients {background-color:#F9B700;}
.bcolmethodo {background-color:#5FB919}
.bcolpartena {background-color:#E9432C;}
.bcolcontact {background-color:#C80084;}

#chapitres{
	float:left;
	padding-right:4px;
}
#chapitres ul{
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
}
#chapitres li.ici{color:#999999;}
a.plus{
	text-decoration :none;
	width :auto;
	font-size :1.0em;
	color :#003399;
	font-style : normal;
	font-weight:bold;
	margin-left:inherit;
	padding :2px 3px 2px 20px;
	background: url(images/bg_menu4.JPG) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

a.plus:hover{
	text-decoration :none;
	color :#FFCC00;
	background: url(images/bg_menu4.JPG) no-repeat 0 -30px ; /* décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}		



div.introcontenu{
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#FFFFFF;
	margin :15px 0px 0px 0px;
	text-align:justify;
}
div.introcontenu h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.pavecli{
	background-color:#FFFFFF;
	color:#000000;
	margin :2px 0px 0px 0px;
	text-align:left;
	z-index:5;
}

div.pavecli td{
	padding:2px 5px 2px 5px;
}

div.titrepavecli {
	padding-left:4px;
	padding-right:3px;
	padding-bottom:5px;
	padding-top: 5px;
	color: #FFFFFF;	
}
div.titrepavecli h2 {
	/*display:inline;*/
	font-size: 22px;
}
div.titrepaveclitab {
	padding-left:4px;
	padding-right:3px;
	padding-bottom:2px;
	padding-top: 5px;
	color: #FFFFFF;	
}
div.titrepaveclitab td {
	padding:0px 0px 3px 0px;
}
div.titrepaveclitab h2 {
	/*display:inline;*/
	font-size: 22px;
}
td.originecli {
	font-size: 0.8em; 
	font-weight:bold;
	text-align:right;
}
a.liencli{
	text-decoration:underline;
	width :auto;
	color: #FFFFFF;
	font-style : normal;
	font-weight : bold;
	padding :1px 1px 1px 1px;
}

a.liencli:hover{
	text-decoration :none;
	width :auto;
	color :#FFCC00;
	font-style : normal;
	padding :1px 1px 1px 1px;
	background-color:#0033CC;
}
.techno {
  font-size:80%;
  line-height:normal;
}
.paveprog{
	background-color:#FFFFFF;
	color:#000000;
	margin :2px;
	text-align:justify;
	z-index:5;
	padding :3px 6px 3px 6px;
}
.paveprog h3 {
	font-size: 1.2em;
	color:#003399;
	margin-top: 8px;
	margin-bottom: 3px;
}
.paveprog h4 {
	font-size: 1.1em;
	color:#003399;
	margin-top:4px;
	margin-bottom: 1px;
}

#piedpage {text-decoration :none;
	margin-top:15px;
	padding-bottom:10px;
	padding-top:10px;
	z-index:2;
	font-size: 0.85em;
	font-style : normal;
	font-weight:bold;
	background-color:#CCCCFF;
	color:#6666CC;
	text-align: center;
} 
a.pied{
	text-decoration :underline;
	width :auto;
	padding :3px 1px 3px 1px;
	text-align  : center;
	color:#6666CC;
}
a.pied:hover{
	text-decoration :none;
	width :auto;
	color :#CC9900;
	font-style : normal;
	padding :3px 1px 3px 1px;
	text-align  : center;
	background-color:#FFFFCC;
}

div.internav {
	margin :15px 0px 4px 0px;
	text-align:right;
	color:#CCCCFF;
	font-size: 0.8em;
	line-height:0.8em;
	font-style : normal;
	font-weight:bold;
}
a.navtop{
	background: url(images/flechehaut.JPG) no-repeat 0 0 ;
	text-decoration :none;
	color:#787B80;
	width :auto;
	padding :0px 5px 3px 11px;
}
a.navtop:hover{
	background: url(images/flechehaut.JPG) no-repeat 0 0 ;
	color :#CC9900;
}
a.navbot{
	background: url(images/flechebas.JPG) no-repeat 0 0 ;
	text-decoration :none;
	color:#787B80;
	width :auto;
	padding :0px 5px 3px 11px;
}
a.navbot:hover{
	background: url(images/flechebas.JPG) no-repeat 0 0 ;
	color :#CC9900;
}