body {
text-align:center;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color: #97a4ba;
background-image:  url(img-fd/fondbleu.jpg);
}
/* titres */
h1 { 
font-family: comic sans ms; 
font-size: 20px;
color: #009;
text-align:center; 
}
/* sous-titres */
h2 { 
font-family: geneva,arial,helvetica,san-serif; 
font-size: 18px;
color: #009;
font-weight:bold; 
}
/* chapitres en ligne */
.big { 
font-family: geneva,arial,helvetica,san-serif; 
font-size: 18px;
color: #009;
font-weight:bold; 
}
.big2 { 
font-family: geneva,arial,helvetica,san-serif; 
font-size: 24px;
color: #009;
font-weight:bold; 
}
.biger { 
font-family: geneva,arial,helvetica,san-serif; 
font-size: 32px;
color: #009;
font-weight:bold; 
}
/* paragraphes */
p { 
font-family: comic sans ms; 
font-size: 14px;
color: #006;
font-weight:normal;
}
/* liens par défaut */
        A:link {color: #285028; text-decoration: none}
        A:visited {color: #12628c; text-decoration: none}
        A:active {color: #5659ca; text-decoration: none; } 
        A:hover {color: #080814; text-decoration: underline}	
		
/* liens menu bas */
        A.top {color: #afe1e0; text-decoration: none; } 
        A.top:visited {color: #afe1e0; text-decoration: none; } 
        A.top:active {color: #f0f1bb; text-decoration: none; } 
        A.top:hover {color: #f0f1bb; text-decoration: underline; }
		
 /* liens pied de la plage */
        a.pied {color: #0ff; text-decoration: none; } 
        a.pied:visited {color: #0ff; text-decoration: none; } 
        a.pied:active {color: #0ff; text-decoration: none; } 
        a.pied:hover {color: #0fc; text-decoration: underline; }		 
		
.menuglobal { /*contenu global du menu */
width: 960px;
height: 122px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.menucentre { /* partie qui va contenir le menu de gauche + la partie de contenu*/
width: 960px;
height: 122px;
background-image:url(img-fd/h1.jpg);
background-repeat:no-repeat;
}
.menugauche { /*partie gauche */
float: left;
width: 222px;
height: 122px;
margin-top:0px;
}
.menumd { /* contient le deuxième et troisième bloc */
float: left;
width: 738px;
height: 122px;
background-image:url(img-fd/h2.jpg);
background-repeat:no-repeat;
}
.menumilieu { /* deuxième bloc */
float: left;
width: 312px;
height: 122px;
text-align:left;
letter-spacing:1px;
font-family: comic sans ms; 
font-size: 16px;
font-style:italic;
color:#afe1e0;
}
.menudroite { /* troisième bloc */
float: left;
width: 426px;
height: 122px;
background-image:url(img-fd/h3.jpg);
}
.menudroiteh { /* troisième bloc haut*/
width: 426px;
height: 84px;
background-image:url(img-fd/h3.jpg);
}
.menudroiteb { /* troisième bloc partie basse */
width: 426px;
height: 38px;
color: #000;
font-family:geneva,arial,helvetica,san-serif;
font-size:14px;
font-weight:bold;
font-style:italic;
background-image:url(img-fd/h3b.jpg);
}
.carte {
width: 230px;
padding-top:5px;
}
/* titre de chaque page */
.titre {
width:960px;
height:50px;
display:block;
padding:0px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
background-image:  url(img-fd/titre.jpg);
clear:both;
}
/* titre de chaque page */
.titre2 {
width:680px;
padding-top:6px;
height:40px;
margin-right:auto;
margin-left:200px;
text-align:center;
font-family: comic sans ms; 
font-size: 17px;
color: #006;
font-style:italic;
letter-spacing:3px;
font-weight:lighter;
text-decoration:underline;
}
/* contenant global centre de la page */
.contenu {
width:960px;
display:block;
clear:both;
margin-top:0px;
padding:0px;
margin-right:auto;
margin-left:auto;
background-image:  url(img-fd/fd-global2.jpg);
}
.menug { /*contenu partie gauche */
float:left;
width: 154px;
margin:0px;
}
.menu { /*partie gauche */
width: 154px;
clear:both;
margin:0px;
}
.menu2 { /*contenu du menu */
width: 134px;
clear:both;
padding-left:20px;
margin-top:0px;
text-align:left;
font-family:geneva,arial,helvetica,san serif; 
font-size: 12px; 
color: #000066;
background-image:  url(img-fd/menu.jpg); 
}
.centreb { /* contenu de la page -bas*/
width: 790px;
clear:both;
}
.centre { /* contenu de la page */
width: 790px;
float:left;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#006;
}
.accueil {
width:640px;
float:left;
text-align:left;
font-family:geneva,arial,helvetica,san serif;
font-size:14px;
}
.accueil2 {
width:150px;
float:left;
text-align:left;
}
.introst {
width:602px;
padding-left:10px;
font-family:geneva,arial,helvetica,san-serif;
text-align:left;
font-size: 14px;
font-weight:bold;
color:#E7FBFF;
background-color:#62A0AE;
}
.sujets {
width:600px;
padding:5px;
margin-bottom:15px;
border-width:1px;
border-style:solid;
border-color:#62A0AE;
font-family:geneva,arial,helvetica,san-serif;
text-align:left;
font-size: 14px;
color: #003;
background-color:#cfeef5;
}
.sujets3 {
width:600px;
padding:5px;
margin-bottom:15px;
border-width:1px;
border-style:solid;
border-color:#62A0AE;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 14px;
color: #006;
background-color:#cfeef5;
}
.intros {
width:600px;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#62a0ae;
font-family:geneva,arial,helvetica,san-serif;
text-align:left;
font-size: 14px;
color: #003;
}
.intros2 {
width:138px;
text-align:left;
padding-left:5px;
padding-right:3px;
font-family:geneva,arial,helvetica,san-serif;
font-size: 12px;
color: #003;
background-image:url(img-fd/fd-intros.gif)
}	
.introsh {
width:146px;
clear:both;
text-align:center;
}	
.introsb {
width:146px;
clear:both;
height:20px;
text-align:center;
font-family:geneva,arial,helvetica,san-serif;
font-size: 10px;
color: #003;
background-image:url(img-fd/fd-intros-b.gif)
}						
/* liste des liens bas de page */
.navbas {
width:960px;
height:75px;
clear:both;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
font-family: geneva,arial,helvetica; 
font-size: 15px;
color: #0cf; 
background-image:  url(img-fd/bas.jpg);
}
/* pied de la page */
.ring {
width:350px;
margin-right:auto;
margin-left:auto;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#0cf;
background-color:#a9abbf;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 14px;
color: #003;
}
.pied {
width:900px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
font-family: geneva,arial,helvetica; 
font-size: 10px;
font-weight:normal;
color: #0ff;
}							 

    .img {
	    border:0px;
		}
	.imgb {
	    border:0px;
        display:block;
		}
	/* images à gauche */
	 .img1 {
	 width:auto;
	 float:left;
	 margin-top:5px;
	 margin-bottom:5px;
	 margin-right:5px;
	 margin-left:5px;
	 padding:0px;
	 }
 
	/* images à droite */
	 .img2 {
	 width:auto;
	 float:right;
	 margin-top:5px;
	 margin-bottom:5px;
	 margin-right:5px;
	 margin-left:5px;
	 padding:0px;
	 }		
.anav {
width:780px;
border-width:1px;
border-style:solid;
border-color:#006;
font-family:geneva,arial,helvetica,san-serif;
font-size:10px;
text-align:center;
}
.small {
font-size:10px;
color:#006;
}
.small2 {
font-size:10px;
text-align:left;
color:#009;
}
.small3 {
font-size:11px;
text-align:left;
color:#009;
font-weight:bold;
}
.small4 {
font-size:12px;
text-align:left;
color:#009;
font-family:geneva,arial,helvetica,san-serif;
}
.right2 {
clear:both;
text-align:right;
font-family:geneva,arial,helvetica,san-serif;
color:#009;
font-size:12px;
}
.right {
text-align:right;
}
.leftc {
text-align:left;
margin-left:15%;
}
.flechb {
text-align:right;
float:left;
width:220px;
padding:5px;
}
.chap {
font-size:16px;
font-weight:bold;
font-style:italic;
color:#006;
text-decoration:underline;
}
.clear {
clear:both;
}
.box {
width:350px;
margin-right:auto;
margin-left:auto;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#006;
background-color:#f5fdff;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 18px;
font-weight:bold;
color: #003;
}
.line1 {
text-align:center; 
width:90%;
height:5px;
color:#0cf;
border-width:1px;
border-style:solid;
border-color:#006;
}
.haut {
width:200px;
margin-right:15px;
margin-left:auto;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 10px;
color: #006;
}
.line {
text-decoration:underline;
}
.line2 {
text-decoration:underline;
font-size:12px;
}
.line3 {
text-decoration:underline;
font-size:16px;
font-weight:bold;
}
.alert {
width:550px;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#006;
font-family:geneva,arial,helvetica,san-serif;
font-size:10px;
text-align:left;
color:#036;
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
}
.left {
text-align:left;
}
.clear2 {
clear:left;
}
.hautr {
float:right;
margin-right:20px;
font-size:10px;
color:#006;
}
.false {
width:90%;
margin-right:auto;
margin-left:auto;
padding:15px;
border-width:1px;
border-style:solid;
border-color:#2e4050;
background-color:#a9adb1;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 18px;
font-weight:bold;
color:#141f2a;
}
.captcha {
width:150px;
margin-right:auto;
margin-left:auto;
margin-top:5px;
padding:10px;
font-size: 28px;
color:#006;
background-image:  url(http://www.uaif.org/form/fond-captcha.jpg);
}
.edit2 {	
padding:2px;
margin-top:10px;
margin-bottom:5px;
margin-right:2px;
margin-left:2px;
border-width:1px;
border-style:solid;
border-color:#62A0AE;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 12px;
color: #009;
background-color:#cfeef5;
}
.newsletter {
margin-right:auto;
margin-left:auto;
width:700px;
padding:15px;
margin-top:15px;
border-width:1px;
border-style:solid;
border-color:#62A0AE;
font-family:geneva,arial,helvetica,san-serif;
text-align:center;
font-size: 14px;
color: #006;
background-color:#cfeef5;
}