BODY{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	background-color: #99cdca;	/* #99cccc;	88c2A6 #f58400*/
	/*margin: 0px, 0px, 0px, 0px;
	padding: 0px, 0px, 0px, 0px;
	border:  0px, 0px, 0px, 0px;*/
}


BODY.popup{
	background-color: rgb(255, 255, 255);
}

A{
	text-decoration: none;
	font-weight: normal;
	color: #003366;/*#003366 liens légèrements bleus */	
	outline: none;
}


a img {
	border: 1px solid #003366;
	/*padding: 2px;*/
	/*margin: 10px 20px 10px 0;*/
	/*vertical-align: top;*/
}

/*a img.last {*/
	/*margin-right: 0;*/
/*}*/

A:hover{
	color: #006699;/* #006699; */
	text-decoration: underline;
}

.clignotant{
	text-decoration:blink;
}

.souligne{
	text-decoration:underline;
}

textarea{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
}


.largeur_constante{
	font-family: Courier;
}

.bouton{
	/*color:#ff1010;*//* #003366 même couleur que les liens <A HREF...></A>*/
	/*background-color:rgb(230,230,230);*/
	/*height:25px;*/
	cursor:pointer;
	cursor:hand;
}


img{
	vertical-align:middle;
}

img.menu{
	vertical-align:bottom;
}

.icone_12x12{
	/*display:line; /* block */
	list-style-type:none; 
	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 0px;/* 4 px */
	border: 0px;
	background:url(../images/icones_css.png) no-repeat;
}
.icone_16x16{
	/*display:line; /* block */
	list-style-type:none; 
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;/* 4 px */
	border: 0px;
	background:url(../images/icones_css.png) no-repeat;	
}
.icone_16x24{
	/*display:line; /* block */
	list-style-type:none; 
	width: 24px;
	height: 16px;
	padding: 0px;
	margin: 0px;/* 4 px */
	border: 0px;
	background:url(../images/icones_css.png) no-repeat;	
}
#logo_RSS{	background-position:0px 0px;}
#logo_RSS_12x12{	background-position:-16px 0px;}
#logo_linux{	background-position:-0px -16px;}
#logo_win32{	background-position:-16px -16px;}
#logo_macx{	background-position:-32px -16px;}
#logo_ubuntu{	background-position:-48px -16px;}
#logo_Qt{	background-position:-0px -32px;}
#logo_python{	background-position:-16px -32px;}
#logo_pdf{	background-position:-32px -32px;}
#logo_Open_trial{	background-position:-32px -64px;}
#logo_VVBackup{	background-position:-16px -64px;}
#logo_Kaji{	background-position:-0px -64px;}
#logo_Gimp{	background-position:-0px -48px;}
#logo_Blender{	background-position:-16px -48px;}
#logo_fichier_Blender{	background-position:-32px -48px;}
#logo_Inkscape{	background-position:-48px -48px;}
#logo_Fotolia{	background-position:-0px -80px;}
#logo_Facebook{	background-position:-16px -80px;}
#drapeau_FR{	background-position:-0px -96px;}
#drapeau_EN{	background-position:-24px -96px;}
#smiley_lol{	background-position:-0px -112px;}
#smiley_sad{	background-position:-16px -112px;}
#smiley_wink{	background-position:-32px -112px;}
#smiley_shock{	background-position:-48px -112px;}



H1{
	font-weight:bold;
	text-align:center;
	font-size: 11pt;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-top : 15px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
}

H2{
	font-weight:bold;
	font-size: 11pt;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-top : 15px;
	padding-bottom : 10px;
	padding-left : 15px;// 5
	padding-right : 10px;
}


H3{
	font-weight:bold;
	font-size: 10pt;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-top : 15px;
	padding-bottom : 10px;
	padding-left : 20px;
	padding-right : 10px;
}


ul{
	margin-top : 3px;
	margin-bottom : 3px;
}


ul li{/* liste a puces */
	text-align : justify;
	padding-left : -10px;
	padding-right : 10px;
	margin-left : -10px;
	padding-top : 2px;
	padding-bottom : 2px;
}

ul li A:hover{
	text-decoration: underline;
}

ul ul li{/* sous-liste a puces */
	text-align : justify;
	padding-left : -30px;
	margin-left : -30px;
	padding-top : 0px;
	padding-bottom : 4px;
}

li.liste_aeree{
	padding-top : 3px;
	padding-bottom : 5px;
}

dl{/* liste de définitions */
	padding-left : 10px;
	padding-right : 10px;
}

dt{/* titre */
	padding-top : 0px;
	padding-bottom : 2px;
}

dd{/* définition */
	font-size:10pt;
	text-align : justify;
	padding-top : 0px;
	padding-bottom : 10px;
}

p{
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
}

p.titre{  
	font-weight:bold;
	text-align:center;
	padding-top : 15px;
	padding-bottom : 10px;
}


p.font_size_small{	font-size: 8pt;}

p.gras{	font-weight:bold;}
p.justifie{	text-align:justify;}
p.centre{	text-align:center;}
p.gauche{	text-align:left;}
p.droit{	text-align:droit;}

.gras{	font-weight:bold;}
.justifie{	text-align:justify;}
.centre{	text-align:center;}
.gauche{	text-align:left;}
.droite{	text-align:right;}

.haut{	vertical-align:top;}
.milieu{	vertical-align:middle;}
.bas{	vertical-align:bottom;}

.rouge{	color:#FF0000;}
.vert{	color:#008000;}
.bleu{	color:#0000FF;}
.grise{	color:#808080;}

.fond_sombre{	background-color:#C0C0C0;}
.fond_clair{	background-color:#F0F0F0;}
.fond_blanc{	background-color:#FFFFFF;}
.fond_page_web {	background-color: #99cdca;	/* #99cccc;	88c2A6 */  }

.cellule_espacee{
	padding:5px;
}

hr{
	border-width: 1px;
	border-color: #a0a0a0;
	border-style: dashed;
}

form{
	margin-top : 0px;	
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 0px;
	padding-bottom : 5px;
}

.caption{
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.small{
	 font-size:7pt;
}

table{
	/*text-align:left;*/
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 5px;
	margin-bottom : 5px;
	border-spacing :0px;
	/*width: 536px;*/
	/*padding-left : 0px;
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 0px;*/
	border-width : 0px;
	border-style: none;
	font-size: 10pt;
	/*padding-left : 3px;*/
	padding-left : 10px;
	padding-right : 3px;
	padding-top : 5px;
	padding-bottom : 5px;
}

table.avec_bords{
	border-spacing :0px;
	border-width : 1px;
	border-style: solid;
	border-collapse:collapse;
}

table.sans_bords{
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	border-spacing :0px;
	padding-left : 0px;
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
	border-width : 0px;
	border-style: none;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

table.formulaire{
	margin-left : auto;
	margin-right : auto;
}


td{
	/*border-width: 10px;*/
	/*font-size: 10pt;*/
	border-width:0px;
	border-style: none;
	padding:0px;
	text-align:center;
	/*border-style:dotted;*/
	/*border-color:gray;*/
}

td.avec_bords{
	border-width:1px;
	border-style: solid;
	border-color: gray;
	/*padding:3px;*/
}


.boite_globale{
	left : 50%;
	top:0px;
	position:absolute;
	width: 840px;/* 810 800*/
	border-width: 0px;
	border-top: 0px;
	/*border-bottom: 0px;*/
	border-color: #a0a0a0;
	border-style: solid;
	background-color:#f0f0f0;
	margin-left: -420px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.pied_boite_globale{
	float: left;
	background-color:#000000;
	/*height: 3px;*/
	width: 840px;/* pour FireFox 555  563px*/	
	/*_width: 838px;/* pour IE  575  583px*/	 
	margin: 0px, 0px, 0px, 0px;
	border-color: #f0f0f0;
	border-style: solid;
	border-width:0px;
	border-top: 0px;
	/*border-bottom:5px;*/
	border-left: 0px;
	border-right: 0px;
	margin: 0px, 0px, 0px, 0px;
	padding: 0px, 0px, 0px, 0px;
}

.bandeau{
	float:right;
	/*background-image: url(images/bandeau_goeland.png);*/
	/*background-image: url(../images/bandeau_oeil.png);*/
	/*background-image: url(../images/bandeau_pic-nique.png);*/
	/*background-image: url(../images/bandeau_pic-nique.png);/* bandeau_lune.png */
	/*background-image: url(../images/bandeau_Mouche.png);*/
	background-image: url(../images/bandeau_Grenoble_nuages.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#99cdca;
	height: 68px;/* image hauteur 64 + 4 px marge*/
	width: 840px;
	/*_width: 838px;*/
	margin: 0px, 0px, 0px, 0px;
	border-color: #f0f0f0;
	border-style: solid;
	border-width:0px;
	border-top: 0px;
	/*border-bottom:10px;*/
	border-left: 0px;
	border-right: 0px;
	padding: 0px, 0px, 0px, 0px;
}

.sommaire{
	float: left;
	width: 232px;/*230*/
	text-align: left;
	/*background-color:#8080FF; /*pour debug*/ */
	top:0px;
	margin-top: 0px;/*64px*/
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right : 10px;
	padding-left : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
}


.sommaire a{
	text-decoration: none;
	border-color:black;
}


.titreSommaire{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:3px;
}


.contenu{
	float: right;
	width: 566px;/* pour FireFox 555  563px*/	
	_width: 586px;/* pour IE  575  583px*/	  
	top:0px;
	margin-top: 0px;/*65px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: justify;	
	background-color:fafafa;
	border-style: solid;
	border-width: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding-right : 10px;
	padding-left : 10px;
	padding-top : 0px;
	padding-bottom : 10px;
}


.contenu_barre_navigation{
	font-size : 10pt;
	color: #404040;
	border-width: 1px;
	/*border-color: #a0a0a0;*/
	/*background-color:#fafafa;*/
	border-top: 0px; 
	border-left: 0px;	
	border-right: 0px;
	/*border-style: dashed;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 5px;/*5*/
	padding-bottom : 5px;	
}

.contenu_page{
	overflow: none; 
	/*height: 470px;	*/
	border-width: 1px;
	border-color: #a0a0a0;
	/*background-color:#800000;*//*fafafa*/
	border-top: 1px;
	border-bottom: 0px;
	border-left: 0px;  
	border-right: 0px;
	border-style: dashed;
}

.bloc_image_gauche{
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 0px;
	float:left;
}

.bloc_image_droite{
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 0px;
	float:right;
}



.icone_menu{
	/*padding:0;*/
	/*margin:0;
	display:line;*/
	margin-right:4px;
	/*padding-top : 2px;
	padding-bottom : 2px;*/
	/*vertical-align:bottom;*/
}