body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
}
	 
#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 border: 1px solid #1A7AAC;
     width: 770;
	 height: 550;
     text-align: left;
	 background-color: #FFFFFF;
}

 /* debut Menu */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

td {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
	 
#menu {
     /*position: absolute;
     top: 0; */
     left: 0;
     z-index:100;
     width: 770; /* précision pour Opera */
	 height: 21;
	 font: 80% verdana, arial, sans-serif;
     }
	 
#menu dl {
     float: left;
     width: 110;
     }
	 
#menu dt {
     cursor: pointer;
     text-align: center;
     font-weight:normal;
     background:#1A7AAC;
     border: none;
	 margin: 0px;
     }

#menu dd {
     display: none;
     border: 1px solid gray;
     }
	 
#menu li {
     text-align: center;
     background: #FFFFFF;
     }

#menu li a {
     color: #000;
     text-decoration: none;
     display: block;
     height: 100%;
     border: 0 none;
	 text-align: left;
	 font: 70% verdana, arial, sans-serif;
	 line-height: 20px;
     }
#menu dt a {
     /*background: #1E8CC8 url(images/mo_arrondi.gif) top no-repeat;*/
     color: #FFFFFF;
     text-decoration: none;
     display: block;
     height: 21;
     border: 0 none;
	 text-align: center;
	 }
	  
#menu li a:hover, #menu dt a:hover {
     /*background: #1A7AAC url(images/mo_arrondi.gif) top no-repeat;*/
	 background: #229BDD;
	 color: #FFFFFF;
     }

/*	menu coin arrondi

.hautgauche {
     background-image: url(images/mo_cg.gif);
     background-repeat: no-repeat;
	 font-size: 1px; /*	correction bug ie*/
/*	 }

.hautdroit {
     background: url(images/mo_cd.gif) top right;
     background-repeat: no-repeat;
	 font-size: 1px; /*	correction bug ie*/
/*	 }*/
 
 
 /* fin Menu */
hr {
	height: 1px;
    margin: -0.5em 0;
    padding: 0;
	list-style-type: none;
	color:#1A7AAC;
    background: #1A7AAC;
	font: 2% verdana, arial, sans-serif;
	}
	 	 
.bloc1 {
	vertical-align: bottom;
	position: absolute;
	height: 410px;
	width: 200px;
	left: 0px;
	top: 138px;
	background-color: #FFFFFF;
}

.bloc2 {
	vertical-align: top;
	position: absolute;
	height: 175px;
	width: 320px;
	left: 200px;
	top: 115px;
	background-color: #C7EBEF;
}
.bloc2B {
	vertical-align: middle;
	position: absolute;
	height: 125px;
	width: 320px;
	left: 200px;
	top: 290px;
	background-color: #FFFFFF;
}
.bloc3 {
	vertical-align: top;
	position: absolute;
	height: 175px;
	width: 250px;
	left: 520px;
	top: 115px;
	background-color: #FFFFFF;  
}

.bloc4 {
	vertical-align: middle;
	position: absolute;
	height: 125px;
	width: 250px;
	left: 520px;
	top: 290px;
	background-color: #FFFFFF;
}

.bloc5 {
	vertical-align: top;
	position: absolute;
	height: 110px;
	width: 320px;
	left: 200px;
	top: 415px;
	background-color: #FFFFFF;
}

.bloc6 {
	position: absolute;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	height: 110px;
	width: 250px;
	left: 520px;
	top: 415px;
}
.bloc66 {
	position: absolute;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	height: 10px;
	width: 250px;
	left: -520px;
	top: 415px;
	overflow:auto;
}
/*
.bloc7 {
	vertical-align: top;
	position: absolute;
	height: 150px;
	width: 326px;
	left: 186px;
	top: 297px;
	background-color: #FFFFFF;
}

.bloc8 {
	vertical-align: top;
	position: absolute;
	height: 80px;
	width: 184px;
	left: 0px;
	top: 447px;
	background-color: #FFFFFF;
}

.bloc9 {
	vertical-align: top;
	position: absolute;
	height: 80px;
	width: 326px;
	left: 186px;
	top: 447px;
	background-color: #FFFFFF;
}

.bloc10 {
	vertical-align: top;
	position: absolute;
	height: 80px;
	width: 256px;
	left: 514px;
	top: 447px;
	background-color: #FFFFFF;
}
/*a {
	font-size: 12px;
	color: #336600;
	*/
}
*/
#header {
	height: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFF33;
}
#head1 {
    background-image: url('images/ph_entete.jpg');
    background-color: #FFFFFF;
    width: 770px;
    height: 94px;
}

#head2 {
    /*background-image: url('images/mo_fond.gif');*/
    background-color: #1A7AAC;
    width: 770px;
    height: 21px;
} 

#logo {
    position:absolute;
    margin-left: 640px;  /* placement du logo dans son conteneur, head1 */
    margin-top: 0px;
	top: 0px;
    border: 0;
}
#slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1A7AAC;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 15px;
	text-align: right;
}

#connect {
	position: absolute;
	right: 10px;
	top:75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#ici {
	position: absolute;
	right: 10px;
	top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#centre {
    margin-top: 0;
	height: 440px;
	width: 770px;
    background-color:#FFFFFF;
}

#principal {
	position: absolute;
    height: 430px;
	width: 655px;
    left: 110px;
	top: 115px;
    background-color:#FFFFFF;
	margin: 0;
/*	overflow: auto;*/
}

#pied {
	text-align: center;
	text-decoration: none;
	position: absolute;
    height: 30px;
	width: 770px;
	top: 560px;
    background-color: #FFFFFF;
}

p {
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

/*style texte*/

/* .ind-bloc3-texte {*/
div#ind-bloc3-titre span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	color: #FFFFFF;
}

#ind-bloc3-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
	padding: 0 6px 0 6px;
}

.ind-bloc5bis-texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	padding: 3 3px 3 3px;
}

.ind-bloc5-texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
	color: #FF9F55;
	text-align: center;
	padding: 20px 15px 3px 15px;
}

.ind-bloc6-texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
}

.ind-bloc1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	margin: 0;
}

.texta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.t-loi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin-right: 300px;
	text-align: justify;
}	

.pied {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
    background-color:#FFFFFF;
}

#gauche {
    position:absolute;
    height: 430px;
	width: 110px;
 	left: 0px;
	top: 115px;
    background: url(images/mg_fond.gif) no-repeat;
}

/* liste puce */
#navlist {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(images/puce_a.gif);
	list-style-position: outside;
	line-height: 20px;
} 

#navlist2 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(images/puce_a.gif);
	list-style-position: outside;
	line-height: 18px;
} 

/* début menu gauche */
#menu_g {
	position: absolute;
	top: 30px;
	left: 0;
	width: 110px;
	/*height: 440px;*/
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	}

#menu_g dt {
	cursor: pointer;
	margin: 2px 2px;
/*	height: 20px;*/
	line-height: 20px;
	text-align: left;
	font-weight: none;
	border: 0;
/*	background: #FFFFFF; */
}
#menu_g dd {
	border: 0;
}
#menu_g li {
	text-align: left;
	background: #FFFFFF;
}
#menu_g li a, #menu_g dt a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 0;
	height: 100%;
	padding: 10px 0px 2px 0px  ;
}

#menu_g li a:hover, #menu_g dt a:hover {
	color: #FFFFFF ;
	border-bottom: 1px solid #FF9F55 ;
	padding: 10px 0px 1px 0px ;
	
}
/* fin menu gauche */


/* mise en forme titre */

#contenu { /* page intérieure */
	padding: 0 5px 0 50px;
	margin:0;
	/*background: url(bg_page.gif) no-repeat 15px 15px ;*/
	height: 360px;
	width: 735px;
	overflow: auto;
}

#contenu2 { /* page d'accueil */
	padding: 0 0px 0 25px;
}

/* page intérieure - titre souligné */
div#titre h1 {
	padding-top: 5px;
	padding-left: 30px;
	line-height: 25px;
	font-size: 1em;
	color: #FF9F55;
	border-bottom: 1px solid #FF9F55;
}

div#titre h2 {
	font-size: 1em ;
	padding-top: 10px;
	padding-left: 5px ;
	line-height: 25px ;
	color: #72A9EE ;
	border-bottom: 1px solid #72A9EE ;
}
/* page formation - tableau */
.tabledoc table {
	border-style:none; 
	border-collapse:collapse;
}

.tabledoc td { 
	border-style:none; 
	border-color:#ffffff;
}

.col_1 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:top;
	width:50px; 
	padding:0px; 
	float:left;
	background: #FFFFFF
	
}

.col_2 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:top;
	width:100px; 
	padding:0px; 
	float:left;
	background: #89CAED
	
}

.col_3 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	width:370px; 
	padding:0px; 
	float:left;
	background: #FFFFFFF
}

/*.col_4 {*/
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	width:50px; 
	padding:0px; 
	float:left;
}

.col_5 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	width:30px; 
	padding:0px; 
	float:left;
	background: #FFFFFF
}

.col_6 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	width:30px; 
	padding:0px; 
	float:left;
	background: #256258
}

.col_7 {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	width:30px; 
	padding:0px; 
	float:left;
	background: #1A7AAC
}

.none {
	border-style:none;
}

.bande_bleue h1 {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background: #72A9EE ;
	padding-left: 10px;
	margin: 0;
	height: 20px;
}

.bande_bl {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background: #72A9EE ;
	padding-left: 10px;
	margin: 0;
	height: 20px;
}
.bande_orange h1 {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/t_fonduo.gif) repeat ;
	padding-left: 10px;
	height: 20px;
	margin: 0;
}
 /* Style pour le texte défilant */
.posrelative{
	position: relative;
	left: 0px;
	top: -9px;
}

#conteneur{
	overflow: hidden;
	width: 184px;
	clip: rect(0px 184px 80px 0px);
	position: absolute;
/*	left: 0px;
	top: 467px;*/
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background: #ffffff;
	z-index: 5;
	visibility: visible;
	padding: 0x 5px 0px 5px;
}





LABEL { display: inline ; float: left ; width: 85px ; font-weight: normal; margin: 0px ;padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.INPUT { background-color: #FFEFD5 ; width: 85px ;font-family: Verdana, Arial, Helvetica, sans-serif; color: orange ; }

.OPTION { background-color: #FFEFD5 ; }

.SELECT { background-color: #FFEFD5 ; }

.TEXTAREA { background-color: #FFEFD5 ; color: red ; }

.BUTTON { font-family: arial, helvetica, sans-serif ; border-width: 2pt ; font-size: 16pt ; color: black ; top: 250px ; background-color: #F5DEB3 ; }