BODY {
font-family : Arial, Helvetica, sans-serif; 
background : #3399cc; 
font-size : 13px; 
margin-top : 0; 
margin-bottom : 0; 
margin-left : 0; 
margin-right : 0; 
} 
TABLE {
height : 100%; 
width : 100%; 
color : #ffffff; 
font-size : 13px; 
font-weight : normal; 
font-family : Arial, Helvetica, Verdana, sans-serif; 
margin-top : 0; 
margin-bottom : 0; 
margin-left : 0; 
margin-right : 0; 
text-align : center; 
} 
TABLE.cent {
background-color : #3399cc; 
height : 1024px; 
margin-top : 0; 
margin-left : 0; 
margin-right : 0; 
margin-bottom : 0; 
vertical-align : top; 
text-align : center; 
} 
TABLE.cent68 {
vertical-align : top; 
text-align : center; 
width : 100%; 
height : 550px; 
margin-top : 0; 
margin-bottom : 0; 
margin-left : 0; 
margin-right : 0; 
} 
TABLE.gene {
height : auto; 
width : 750px; 
background : #3399cc; 
margin-bottom : 0; 
text-align : center; 
} 
table.fiche {
height : 90%; 
width : 90%; 
text-align : center; 
background : #3399cc; 
color : #000000; 
margin-top : 5px; 
margin-bottom : 5px; 
margin-left : 5px; 
margin-right : 5px; 
padding-top : 5px; 
padding-bottom : 5px; 
padding-left : 5px; 
padding-right : 5px; 
border : 2px solid #3399cc; 
} 
table.message {
vertical-align : top; 
height : 90%; 
width : 90%; 
text-align : center; 
background : #3399cc; 
color : #ffffff; 
margin-top : 5px; 
margin-bottom : 5px; 
margin-left : 25px; 
margin-right : 5px; 
padding-top : 5px; 
padding-bottom : 5px; 
padding-left : 5px; 
padding-right : 5px; 
border : 0 solid #3399cc; 
} 
table.admin {
vertical-align : top; 
height : 60%; 
width : 90%; 
text-align : center; 
background : #3399cc; 
color : #ffffff; 
margin-top : 5px; 
margin-bottom : 5px; 
margin-left : 25px; 
margin-right : 5px; 
padding-top : 5px; 
padding-bottom : 5px; 
padding-left : 5px; 
padding-right : 5px; 
border : 0 solid #3399cc; 
} 
TD {
font-size : 12px; 
text-align : left; 
vertical-align : middle; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
margin-top : 0; 
} 
TD.acc {
text-align : center; 
vertical-align : top; 
} 
TD.left {
text-align : left; 
vertical-align : middle; 
} 
TD.right {
text-align : right; 
vertical-align : middle; 
} 
TD.centre {
text-align : center; 
vertical-align : middle; 
} 
TD.haut {
text-align : right; 
vertical-align : top; 
} 
TD.tophaut {
text-align : left; 
vertical-align : top; 
} 
TD.terre {
vertical-align : top; 
height : 20px; 
text-align : center; 
} 
TD.imp {
width : 70%; 
text-align : right; 
vertical-align : top; 
padding-right : 200px; 
} 
TD.retirer {
text-align : right; 
vertical-align : middle; 
padding-right : 150px; 
} 
TD.formu {
width : 70%; 
text-align : left; 
vertical-align : top; 
} 
TD.formublanc {
width : 50%; 
height : 25px; 
text-align : left; 
font-family : verdana; 
vertical-align : middle; 
color : #000000; 
background : #ffffff; 
margin-top : 5px; 
margin-bottom : 5px; 
margin-left : 5px; 
margin-right : 5px; 
padding-top : 5px; 
padding-bottom : 5px; 
padding-left : 5px; 
padding-right : 5px; 
border : 2px solid #3399cc; 
} 
TD.cent {
height : 100%; 
width : 100%; 
} 
TD.logo {
height : 50px; 
width : 40%; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 10px; 
padding-left : 0; 
margin-top : 0; 
vertical-align : top; 
text-align : left; 
} 
TD.logor {
height : 30px; 
width : 40%; 
padding-top : 10px; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 20px; 
margin-top : 0; 
vertical-align : top; 
text-align : right; 
} 
TD.tit {
height : 40px; 
font-size : 12px; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
margin-top : 0; 
} 
TABLE.titre {
height : 50px; 
width : 100%; 
background : #a5f5f5;

margin-top : 0; 
margin-bottom : 0; 
margin-left : 0; 
margin-right : 0; 
vertical-align : top; 
} 
TABLE.titrej {
height : 50px; 
width : 100%; 
background : #def5bf; 
margin-top : 0; 
margin-bottom : 0; 
margin-left : 0; 
margin-right : 0; 
vertical-align : top; 
} 
TD.menu {
background : #3399cc; 
height : 10px; 
padding-top : 10px; 
} 
TD.titre {
background : #a5f5f5;
height : 40px; 
width : 50%; 
padding-top : 10px; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 30px; 
margin-top : 0; 
vertical-align : bottom; 
text-align : left; 
} 
TD.titrej {
background : #def5bf; 
height : 40px; 
width : 50%; 
padding-top : 10px; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 30px; 
margin-top : 0; 
vertical-align : bottom; 
text-align : left; 
} 
TD.titre2 {
background : #a5f5f5; 

height : 40px; 
width : 50%; 
padding-top : 10px; 
padding-bottom : 0; 
padding-right : 30px; 
padding-left : 0; 
margin-top : 0; 
vertical-align : bottom; 
text-align : right; 
} 
TD.titre3 {
background : #a5f5f5; 
height : 40px; 
width : 50%; 
padding-top : 10px; 
padding-bottom : 0; 
padding-right : 30px; 
padding-left : 0; 
margin-top : 0; 
vertical-align : bottom; 
text-align : left; 
} 
TD.titre3j {
background : #def5bf; 
height : 40px; 
width : 50%; 
padding-top : 10px; 
padding-bottom : 0; 
padding-right : 30px; 
padding-left : 0; 
margin-top : 0; 
vertical-align : bottom; 
text-align : left; 
} 
TABLE.rech {
height : 100%; 
width : 100%; 
background-image : url(image/page2/fond.jpg); 
background-repeat : no-repeat; 
background-position : center left; 
margin-top : 30px; 
margin-bottom : 10px; 
margin-left : 10px; 
margin-right : 0; 
vertical-align : middle; 
} 
TD.rech1 {
width : 25%; 
text-align : right; 
vertical-align : middle; 
padding-right : 40px; 
} 
TD.rech2 {
width : 65%; 
text-align : left; 
vertical-align : middle; 
padding-left : 20px; 
} 
TD.rech3 {
width : 10%; 
text-align : center; 
vertical-align : middle; 
padding-left : 0; 
} 
TD.bas {
height : 40px; 
font-size : 12px; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 200px; 
padding-left : 0; 
margin-top : 0; 
text-align : right; 
} 
TD.titrebleu {
width : 30%; 
font-size : 14px; 
color : #ffffff; 
font-weight : bold; 
text-align : right; 
vertical-align : middle; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 5px; 
padding-left : 0; 
margin-top : 0; 
} 
TD.titrebleu2 {
width : 30%; 
font-size : 14px; 
color : #ffffff; 
font-weight : bold; 
text-align : right; 
vertical-align : top; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 5px; 
padding-left : 0; 
margin-top : 0; 
} 
TD.titrebleu3 {
width : 40%; 
font-size : 14px; 
color : #ffffff; 
font-weight : bold; 
text-align : right; 
vertical-align : top; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 5px; 
padding-left : 0; 
margin-top : 0; 
} 

TD.mobiclip {
font-size : 12px; 
color : #ffffff; 
font-weight : normal; 
vertical-align : top; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 5px; 
padding-left : 50px; 
margin-top : 0; 
} 

TD.bas1 {
height : 40px; 
font-size : 12px; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
margin-top : 0; 
text-align : left; 
} 
TD.liste {
font-size : 12px; 
color : #ffffff; 
font-weight : bold; 
text-align : left; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
margin-top : 0; 
} 
TD.marg {
height : 25px; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 5px; 
margin-top : 0; 
text-align : left; 
} 
P {
text-align : justify; 
font-size : 12px; 
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #000000; 
font-weight : normal; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
} 
P.gras {
font-weight : bold; 
} 
HR {
color : #def5bf; 
width : 100%; 
} 
HR.bl {
color : #a5f5f5; 
width : 100%; 
} 
DIV.container {
position : relative; 
top : 0; 
left : 0; 
width : 100%; 
height : 100%; 
} 
DIV {
position : absolute; 
} 
DIV.left {
position : relative; 
top : 0; 
left : 0; 
width : auto; 
} 
DIV.terre {
position : relative; 
top : 36px; 
left : 50px; 
width : 80px; 
height : 30px; 
z-index : 5; 
text-align : right; 
} 
DIV.terrebas {
position : absolute; 
top : -10px; 
left : 20px; 
width : 80px; 
text-align : right; 
} 
DIV.bann {
position : absolute; 
top : -40px; 
right : 40px; 
height : 60px; 
text-align : right; 
} 
DIV.bann2 {
position : absolute; 
top : 0; 
left : 0; 
right : 320px; 
height : 60px; 
text-align : left; 
z-index : 2; 
} 
DIV.bann3 {
position : absolute; 
top :25px; 
left : 80px; 
right : 220px; 
height : 40px; 
text-align : center; 
z-index : 2; 
border : 0 solid #ffffff; 
} 
input {
border : 1px solid #a96f5b; 
} 
A {
font-size : 13px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal; 
color : #ffffff; 
text-decoration : none; 
} 
A:link {
color : #ffffff; 
text-decoration : none; 
} 
A:visited {
color : #a5f5f5; 
text-decoration : none; 
} 
A:active {
color : #ffffff; 
font-weight : bold; 
text-decoration : none; 
} 
A:hover {
color : #ffffff; 
font-weight : bold; 
text-decoration : none; 
} 
A.dem {
font-size : 13px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
color : #ffffff; 
text-decoration : none; 
} 
A.dem:link {
color : #ffffff; 
text-decoration : none; 
} 
A.dem:visited {
color : #ffffff; 
text-decoration : none; 
} 
A.dem:active {
color : #ffffff; 
font-size : 15px; 
font-weight : bold; 
text-decoration : none; 
} 
A.dem:hover {
color : #ffffff; 
font-weight : bold; 
text-decoration : none; 
} 
A.base {
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal; 
color : #ffffff; 
text-decoration : none; 
} 
A.base:link {
color : #ffffff; 
text-decoration : none; 
} 
A.base:visited {
color : #ffffff; 
text-decoration : none; 
} 
A.base:active {
color : #a5f5f5; 
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
} 
A.base:hover {
color : #a5f5f5; 
font-weight : normal; 
text-decoration : none; 
} 
A.fiche {
font-size : 13px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal; 
color : #000000; 
text-decoration : none; 
} 
A.fiche:link {
color : #000000; 
text-decoration : none; 
} 
A.fiche:visited {
color : #000000; 
text-decoration : none; 
} 
A.fiche:active {
color : #000000; 
font-weight : bold; 
text-decoration : none; 
} 
A.fiche:hover {
color : #000000; 
font-weight : bold; 
text-decoration : none; 
} 

div.ifabrick 
	{
	position:relative;
	z-index:3;
	left: 5px;
	top: 555px;
	border:no;
	text-align:justify;
	
	}

h3 {
	color:#ffffff;
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
}


A.metier {
font-size : 16px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal; 
color : #ffffff; 
text-decoration : none; 
} 
A.metier :link {
color : #ffffff; 
text-decoration : none; 
} 
A.metier :visited {
color : #a5f5f5; 
text-decoration : none; 
} 
A.metier :active {
color : #ffffff; 
font-weight : bold; 
text-decoration : none; 
} 
A.metier :hover {
color : #ffffff; 
font-weight : bold; 
text-decoration : none; 
} 






div.fond { 
color : #ffffff; 
vertical-align : middle; 
text-align : left; 
font-size : 28px; 
font-family : Helvetica, sans-serif; 
font-weight : 800; 
position : absolute; 
background:url('images/new/bandeau_haut_inter.gif') no-repeat -25px 0 ;
} 
#fond { 
width : 880px; 
height : 192px; 
top : 2px; 
left :320px; 
border : 1px solid red; 
z-index:0;
} 










div.titre { 
color : #ffffff; 
vertical-align : middle; 
text-align : left; 
font-size : 28px; 
font-family : Helvetica, sans-serif; 
font-weight : 800; 
position : relative; 
} 
#titre { 
width : 350px; 
height : 30px; 
top : 18px; 
left :25px; 
border : 0px solid red; 
} 




div.fiche { 
color : #ffffff; 
font-size : 12px; 
font-family : Helvetica, sans-serif; 
position : relative; 
} 
#fiche { 
width : 450px; 
height : auto; 
top : 0; 
left : 10px; 
border : 0 solid red;
text-align:left;
} 
div#fiche ul { 
font-size : 20px; 
font-family : Helvetica, sans-serif; 
font-weight : normal; 
margin : 10px 0 0 27px; 
padding : 0 0 20px 0; 
} 
div#fiche li.vert { 
list-style-image : url(images/new/triangle_vert.gif); 
padding : 0 10px; 
font-weight : normal; 
} 
div#fiche2 li.orange { 
list-style-image : url(images/new/triangle_orange.gif); 
padding : 0 10px; 
font-weight : normal; 
} 
div#fiche ul.fleche { 
font-size : 16px; 
font-family : Helvetica, sans-serif; 
font-weight : normal; 
margin : 5px 0 0 10px; 
padding : 10px 0 0 0; 
} 
div#fiche li.Fvert { 
list-style-image : url(images/new/fleche_vert.gif); 
padding : 0 20px; 
font-weight : normal; 
color : #ffffff; 
} 
div#fiche ul.lien { 
font-size : 12px; 
font-family : Helvetica, sans-serif; 
font-weight : normal; 
margin : 5px 10px 0 10px; 
padding : 0 0 20px 0; 
} 
div#fiche li.lien { 
list-style-image : url(images/new/fleche_blanche.gif); 
padding : 0 0; 

margin:0 0 0 -30px;
font-weight : normal; 
} 
div#fiche li.liens { 
list-style-image : url(images/new/fleche_blanche.gif); 
padding : 0 0; 
margin : 0 0 0 0px; 
font-weight : normal; 
} 

div#fiche li.liens a:hover{
list-style-image : url(images/new/fleche_bleufonce.gif); 
padding : 0 0; 
margin : 0 0 0 0px; 
font-weight : normal;
color :#1f3a88; 
} 


div#fiche li.lien a:hover{
list-style-image : url(images/new/fleche_bleufonce.gif); 
padding : 0 0; 
margin : 0 0 0 0px; 
font-weight : normal;
color :#1f3a88; 
} 


div#fiche li.lien a:link,a:visited { 
font-size : 12px; 
color : #ffffff; 
font-weight : normal; 
font-style : normal; 
} 




div#fiche li.liens a:link, a:hover, a:visited { 
font-size : 12px; 
color : #ffffff; 
font-weight : normal; 
font-style : normal; 
} 

div.fiche2 { 
color : #ffffff; 
font-size : 12px; 
font-family : Helvetica, sans-serif; 
position : relative; 
left : 2px;
} 
#fiche2 { 
width : 410px; 
height : auto; 
top : 0; 
border : 0 solid green; 
text-align:left;
} 
div#fiche2 ul { 
font-size : 20px; 
font-family : Helvetica, sans-serif; 
font-weight : normal; 
margin : 10px 0 0 27px; 
padding : 0 0 20px 0; 
} 
div#fiche li.bleu { 
list-style-image : url(images/new/triangle_bleu.gif); 
padding : 0 10px; 
font-weight : normal; 
} 
div#fiche li.rose { 
list-style-image : url(images/new/triangle_rose.gif); 
padding : 0 10px; 
font-weight : normal; 
} 
div#fiche2 ul.fleche { 
font-size : 16px; 
font-family : Helvetica, sans-serif; 
font-weight : normal; 
margin : 5px 0 0 10px; 
padding : 10px 0 0 0; 
} 
div#fiche li.Fbleu { 
list-style-image : url(images/new/fleche_bleu.gif); 
padding : 0 20px; 
font-weight : normal; 
color : #ffffff; 
} 
div#fiche li.Frose { 
list-style-image : url(images/new/fleche_rose.gif); 
padding : 0 20px; 
font-weight : normal; 
color : #ffffff; 
} 

div#fiche2 li.Forange { 
list-style-image : url(images/new/fleche_orange.gif); 
padding : 0 20px; 
font-weight : normal; 
color : #ffffff; 
} 

div#fiche2 ul.lien { 
font-size : 12px; 
font-family : Helvetica, sans-serif; 
font-weight : normal; 
margin : 5px 10px 0 0; 
padding : 0 0 20px 0; 
} 
div#fiche2 li.lien { 
list-style-image : url(images/new/fleche_blanche.gif); 
padding : 0 0; 
margin : 0 0 0 -20px; 
font-weight : normal; 
} 
div#fiche2 li.liens { 
list-style-image : url(images/new/fleche_blanche.gif); 
padding : 0 0; 
margin : 0 0 0 -5px; 
font-weight : normal; 
} 
div#fiche2 li.lien a:link, a:visited { 
font-size : 12px; 
color : #ffffff; 
font-weight : normal; 
font-style : normal; 
} 


div#fiche2 li.lien a:hover{
list-style-image : url(images/new/fleche_bleufonce.gif); 
padding : 0 0; 
margin : 0 0 0 0px; 
font-weight : normal;
color :#1f3a88; 
} 

A.base { 
font-size : 10px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
color : #1f3a88; 
text-decoration : underline; 
} 
A.base:link { 
color : #1f3a88; 
font-weight : bold; 
font-size : 10px; 
text-decoration : underline; 
} 
A.base:visited { 
color : #1f3a88; 
font-weight : bold; 
font-size : 10px; 
text-decoration : underline; 
} 
A.base:active { 
color : #1f3a88; 
font-size : 10px; 
font-weight : bold; 
font-weight : normal; 
text-decoration : underline; 
} 
A.base:hover { 
color : #1f3a88; 
font-size : 10px; 
font-weight : bold; 
text-decoration : underline; 
}



/* div clicable*/
#precedent {width:320px;height:50px;top:5px;left:0px;background:none;cursor: pointer;border:0px solid pink;position:relative}
#suivant {top:00px;left:40px;background:none;cursor: pointer;border:0px solid yellow;position:relative;text-align:left;-moz-padding-start:180px}