body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
/*index*/
#global {
position:absolute;
left: 50%;
top: 50%;
width: 530px;
height: 100px;
margin-top: -110px;
margin-left: -265px;
}
#contenu {
border-top: 5px solid #3464e4;
border-right: 5px solid #fe0002;
border-bottom: 5px solid #ff8001;
border-left: 5px solid #7d2184; 
text-align: center;
font-weight:bold;
padding: 10px 10px;
}
#contenu h2 {
color: #99CCCC;
font-size: 2.5em;
font-family:  Georgia, "Times New Roman", Times, serif;
text-align: center;
}
#contenu p {
text-align:justify;
margin: 10px 5px;
text-indent: 5px;
}
#contenu a:link {
color: #028002;
text-decoration: none;
font-weight: bold;
}
#contenu a:visited {
color: #028002;
text-decoration: none;
font-weight: bold;
}
#contenu  a:hover {
color: #ff8001;
font-weight: bold;
text-decoration: none;
}
#footer {
top: 96%;
color: #003366;
font-size: 70%;
text-align: center;
position: absolute;
width: 100%;
height: 20px;
}
/*index*/

a img {
border: 0;
}
a:link {
color: #ff8001;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #ff8001;
text-decoration: none;
font-weight: bold;
}
a:hover {
color:#028002;
font-weight: bold;
text-decoration:underline;
}
p {
text-align:justify;
margin: 0 20px 5px 20px;
} /* h, d, b, g*/
p.centrer {
text-align: center;
}
p.droite {
text-align: right;
}
p.gauche {
text-align: left;
}
acronym {
cursor: help; 
border-bottom: 0;
}
.abbr {
cursor: help; 
border-bottom: 2px #CB1804 dashed;
}
.red {
color: #cc0000;
}
.titre1 { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal}
.titre2r{ font-family: verdana, arial, helvetica, sans-serif; font-style: normal; font-weight: bold; color: #c00}
.titre4 { font-family: arial, helvetica, sans-serif; font-weight: bold; text-align: center; font-variant: small-caps;}

#menucentrer { padding-bottom: 15px; padding-top: 10px; }
#menucentrer p { text-align: center; }
#menucentrer a { text-decoration: none; }
#menucentrer a:link { color: #fe0002; font-weight: bold; }
#menucentrer a:visited { color: #fe0002; font-weight: bold; }
#menucentrer a:hover { padding-bottom: 0px; border-bottom: #fe0002 3px solid }

h1, h2, h3, h4, h5, h6 { margin: 0 20px 10px 20px; }
/* h, d, b, g*/

h1 { color:#CB1804; text-align:right; padding: 15px 0 0 5px; }
h3 {
background-color: #e1edf7;
border: 1px solid #336699;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
}
h3.centrer { text-align: center; }
h4 {
background-color: #ff3;
border: 1px solid #369;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;
}
ul, ol, li { 
padding: 0 0px 0 15px; 
list-style-type:none;
text-align: justify;
}
p.chapitre {
background-color: #e1edf7;
border: 1px solid #369;
font-weight: bold;
font-size: 12px;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
margin-bottom: 10px;
}
p.date {
/*  color:#028002;*/
background-color: #ff3;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;
font-weight: bold;
font-size: 0.8em;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
margin-bottom: 10px;
}
.date a { color:#000; }
#header {
height: 162px;
background-image: url(/img/logo_amdam.gif);
background-repeat: no-repeat;
background-position: 0% 0px;
border-top: 5px solid #3464e4;
border-bottom: 5px solid #ff8001;
}
#header p {
margin: 0px 0px 0px 250px;
padding: 10px 0px 0px 0px;
font-weight: bold;
color:#3399FF;
}
#header h1 {
margin: 0px 0px 0px 250px;
padding: 35px 0px 0px 0px;
color: #99CCCC;
font-size: 6.0em;
font-family:  Georgia, "Times New Roman", Times, serif;
text-align: center;
}
#header h2 {
margin: 0px 0px 0px 250px;
padding: 20px 0px 0px 0px;
color: #028002;
font-size: 2.5em;
font-family:  Georgia, "Times New Roman", Times, serif;
text-align: center;
}

#header2 {
display: block; 
position: absolute; 
top: 40px;
right: 50px; 
text-align:center;
background-color: #99CCCC;
}

h2.header { text-align:center; }

#corps {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
border-right: 5px solid #fe0002;
border-left: 5px solid #7d2184;
}
#centre { margin-left: 150px; }
#centre acronym { cursor: help; color: #039; border-bottom: 2px #6BA0D2 dashed; }

#centre h2 {
font: bold 1.5em Georgia, "Times New Roman", Times, serif;
color: #CB1804;
padding-left: 19px;
margin-top: 0.5em;
}
#centre P:first-letter { font-weight: bold; color: #028002; }
#centre  ol {
list-style-type: decimal;
padding:10px 30px 10px 30px;
margin:10px 30px 10px 30px;
}
/*#centre li {
list-style-type: decimal;
}*/
/*Menu début deroulant*/
#menu2 dl, #menu2 dt, #menu2 dd, #menu2 ul, #menu2 li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu2 {
position: absolute;
top: 10px;
left: 10px;
}
#menu2 {
width: 140px;
}
#menu2 dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;    
background: #ffff33;
}
#menu2 dd {
background: #ffff33;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;    
}
#menu2 li {
text-align: center;
}
#menu2 li a, #menu2 dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu2 li a {
font-weight: normal;
}
#menu2 dt a:hover {
background: #028002;
color:#fff;
}
#menu2 li a:hover {
font-weight: normal;
background: #fff;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#gauche p {
margin: 0px 0px 0px 10px;
padding: 10px 0px 0px 0px;
font-size: 0.8em;
font-weight: bold;
color:#3399FF;
}
#gauche ul, ol { padding-left: 0px; list-style-type:none;
}

#pied {
font-size: 80%;
color: #003399;
line-height: 12px;
text-align: center;
padding: 10px 0px 0px 0px;
border-top: 5px solid #3464e4;
border-bottom: 5px solid #ff8001;
}
#pied acronym {
cursor: help; 
color: #003399; border-bottom: 2px #6BA0D2 dashed;
}
#pied a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none
}
#pied a:link {
color: #003399;
font-weight: bold;
}
#pied a:visited {
color: #003399;
font-weight: bold;
}
#pied a:hover {
padding-bottom: 0px; border-bottom: #003399 3px solid
}

#menubas {
font-size: 75%;
padding: 10px 0px 10px 0px;
text-align: center; 
}
#menubas a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none
}
#menubas a:link {
color: #028002;
font-weight: bold;
}
#menubas a:visited {
color: #028002;
font-weight: bold;
}
#menubas a:hover {
padding-bottom: 0px; border-bottom: #028002 3px solid
}

/**/
div.float {
float: left;
width:100px;
}
div.float250 {
float: left;
width:270px;
}
div.float p {
text-align: center;
}
div.temoignage {
font-size: 70%;
margin-left: 60px;
}

div.floatt {
width: 160px;
float: left;
}

div.floatt p {
text-align: center;
}
div.spacer {
clear: both;
}
div#miniatures {
margin: 0 5px 10px 25px;
}
div#miniatures img {
border: 1px solid #fff;
margin-right: 5px;
margin-bottom: 5px;
}
img.top {
vertical-align:text-top;
}
img.bottom {
vertical-align:text-bottom;
}
.info {
background: #EFEFEF url(/img/info.png) no-repeat 10px 12px;
margin: 10px;
padding: 10px;
border: 2px solid #2B7FB5;
}
p.info {
text-indent: 17px;
}
.info p {
text-indent: 17px;
margin-top: 0;
}
.info p+p {
text-indent: 0;
}
.fluxgauche {
float : left; margin: 5px 10px 10px 0 ; 
}
.fluxdroite {
float : right ; margin: 5px 0 10px 10px ; 
}
/* images cliquables */
#amdam_logo {    
float: left;
width : 229px;
height: 162px;
margin-left: 0px;
margin-top: 0px;
}
#logos01 {
margin-left: 150px;
margin-top: 0px;
width : 300px;
height: 189px;
background: url(../img/logos01.jpg) top left no-repeat;
}
#logos02 {
margin-left: 150px;
width : 300px;
height: 170px;
background: url(../img/logos02.jpg) top left no-repeat;
}
#logos03 {
margin-left: 150px;
width : 300px;
height: 203px;
background: url(../img/logos03.jpg) top left no-repeat;
}
/* zone cliquable */
#lamontagne {    
float: left;
width : 100px;
height: 35px;
margin-left: 2px;
margin-top: 20px;
border: 1px dotted red;}
#clermont1 { 
float: left;
width : 94px;
height: 35px;
margin-left: 2px;
margin-top: 20px;
border: 1px dotted red;}
#infomag { 
float: left;
width : 92px;
height: 52px;
margin-left: 3px;
margin-top: 8px;
border: 1px dotted red;}
#clfd { 
float: left;
width : 80px;
height: 60px;
margin-left: 7px;
margin-top: 0px;
border: 1px dotted red;}
#beaumont { 
float: left;
width : 60px;
height: 62px;
margin-left: 26px;
margin-top: 1px;
border: 1px dotted red;}
#cg63 { 
float: left;
width : 110px;
height: 58px;
margin-left: 10px;
margin-top: 5px;
border: 1px dotted red;}
#volvic { 
float: left;
width : 95px;
height: 60px;
margin-left: 0px;
margin-top: 2px;
border: 1px dotted red;}
#pauldi { 
float: left;
width : 110px;
height: 60px;
margin-left: 90px;
margin-top: 2px;
border: 1px dotted red;}
/*logos02*/
#aci { 
float: left;
width : 140px;
height: 35px;
margin-left: 15px;
margin-top: 10px;
border: 1px dotted red;}
#ffh { 
float: left;
width : 60px;
height: 62px;
margin-left: 81px;
margin-top: 2px;
border: 1px dotted red;}
#crauvergne { 
float: left;
width : 95px;
height: 45px;
margin-left: 0px;
margin-top: -12px;
border: 1px dotted red;}
#urapeda { 
float: left;
width : 125px;
height: 45px;
margin-left: 12px;
margin-top: -12px;
border: 1px dotted red;}
#fdab63 { 
float: left;
width : 110px;
height: 55px;
margin-left: 90px;
margin-top: -56px;
border: 1px dotted red;}
#idjs { 
float: left;
width : 58px;
height: 90px;
margin-left: 2px;
margin-top: 8px;
border: 1px dotted red;}

/*logos03*/
#europeansports { 
float: left;
width : 60px;
height: 72px;
margin-left: 5px;
margin-top: 0px;
border: 1px dotted red;}
#ligueauvergne { 
float: left;
width : 60px;
height: 75px;
margin-left: 40px;
margin-top: 0px;
border: 1px dotted red;}
#airmaroc { 
float: left;
width : 110px;
height: 75px;
margin-left: 18px;
margin-top: 0px;
border: 1px dotted red;}
#kyriad { 
float: left;
width : 60px;
height: 58px;
margin-left: 4px;
margin-top: -1px;
border: 1px dotted red;}
#tsd { 
float: left;
width : 90px;
height: 55px;
margin-left: 30px;
margin-top: 0px;
border: 1px dotted red;}
#nrj { 
float: left;
width : 100px;
height: 120px;
margin-left: 10px;
margin-top: 0px;
border: 1px dotted red;}
#robertdavid { 
float: left;
width : 62px;
height: 62px;
margin-left: 110px;
margin-top: -62px;
border: 1px dotted red;}
/*Formulaire*/
form
{
margin: 0;
padding: 0;
}
#formname {
width: 555px;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;
margin: 0 0 0 20px;
padding: 0;
}
#titreform, #piedform {
font: bold 1.1em arial, hevetica, sans-serif;
color: #fff;
/*border: 1px solid #FBAF4D;*/
border: 0;
background: #FBAF4D;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#piedform {	
text-align: center;
}
#piedform input {
margin: 5px 5px 10px 5px;
}
#piedform fieldset {	/*** Mise en forme des cadres ***/
/*border: 1px solid #FFF4DF;*/
border-top: 1px solid #3464e4;
border-right: 1px solid #fe0002;
border-bottom: 1px solid #ff8001;
border-left: 1px solid #7d2184;
}
#corpsform {
border-left: 1px solid #FBAF4D;
border-right: 1px solid #FBAF4D;
color: #000066;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#corpsform fieldset {
margin: 0;
/*border: 1px solid #FBAF4D;*/
border-top: 1px solid #3464e4;
border-right: 1px solid #fe0002;
border-bottom: 1px solid #ff8001;
border-left: 1px solid #7d2184;
font-style: normal;
padding: 0 1em 1em;
}
#corpsform legend {
font-weight: bold;
color: #000066;
background: transparent;
}
#corpsform p {
padding: .2em 0;
margin: 0 0 .1em 0;
}

/**/
#corpsform fieldset#coordonnees label {
float: left;
width: 50%;
text-align: right;
margin: 0;
padding: 0 .5em 0px 0;
line-height: 1.8;
}
#corpsform fieldset#commentaires label {
float: left;
width: 45%;
text-align: right;
margin: 0;
padding: 0 5px 0px 0;
line-height: 1.8;
}
#corpsform fieldset#Parcourir label {
text-align:center;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}
#corpsform label:hover, #piedform input {
cursor: pointer;
}
#piedformparcourir {	
text-align: center;
}
#piedformparcourir p {	
text-align: center;
}
#corpsform .focus {
background: #ffffee;
color: #000066; 
}
#corpsform .normal {
background: #ffffff;
color: #000066; 
}
.alerte {
color:#cc0000;
font-size:100%;
font-weight: bold;
}
.asterisque {
font-weight: bold;
font-style: normal;
color: #cc0000;
}
#telephone {
width: 555px;

margin-left: auto;
margin-right: auto;
/*background-color: #ffff33;
border: 1px solid #336699;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;
*/

}
#telephone h3 {
text-align: center; 
}
#telephone a {
padding: 5px 0;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 0.8em;*/
display: block;
width: 555px;
background-color: #ff3;
border-top: 3px solid #3464e4;
border-right: 3px solid #fe0002;
border-bottom: 3px solid #ff8001;
border-left: 3px solid #7d2184;
color: #000;
}
#telephone a:hover {
padding-bottom: 0;
background-color: #028002;
color: #fff;
}
#telephone a span {
display: none;
padding: 5px 0;
margin: 5px 0 0px 0;
}
#telephone a:hover span {
display: block;
background-color: #ff3;
/*font-size: 0.8em;*/
color: #000;
}
/*Fin formulaire*/
#merci {
height: 300px;
border:0px;
text-align:center;
}
#merci p{
text-align:center;
margin:50px 0;
}
#merci h2{
text-align:center;
margin:50px 0;
}
#errachidia table {
width:380px;
border: 1px #3c6fac solid;
border-collapse: collapse;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
#errachidia th {
color: #fff; 
margin:2px;
background-color:#039;
text-align: center;
font-weight: bold;
width:25%;
}
#errachidia td {
border-style:solid; 
border-width:1px; 
border-color:#039;
/*width:25%;*/

/*
color: #fff; 
margin:2px;
background-color:#039;
text-align: center;
font-weight: bold;
*/
}
#errachidia p {
text-align:center;
margin: 0;
} /* h, d, b, g*/
table.mini {
border: 1px #3c6fac solid;
border-collapse: collapse;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.th2 {
color: #fff; 
margin:10px;
background-color:#039;
text-align: center;
font-weight: bold;
}
#don {
}
#don form {
margin-left: 50px;
}
#don2 {
position: absolute;
top: 265px;
left: 20px;
padding: 13px 0px;
}
#don2 form {
margin-left: 10px;
}
#don3 {
position: absolute;
top: 420px;
left: 20px;
padding: 13px 0px;
}
#don3 form {
margin-left: 10px;
}
/**/
#pop{ /* fenêtre */
position:absolute;
cursor:move;
left:3px;
top:3px;
display:none;
z-index:200;
background-color:#FFF;
border:3px outset;
}
#tet{ /* titre */
font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif;
color:white;
background-color:#c00;
padding:0 20px 0 .5em;
white-space:nowrap;
}
#croix{ /* croix pour fermer */
position:absolute;
margin:0;
border:0;
right:0;
top:0;
padding:0;
height:14px;
width:16px;
cursor:pointer;
}
/*liens avec vignette*/
a:hover img,a img:focus, a.vig:hover,a.vig:focus{background:transparent;moz-opacity:.7;opacity:.7;}
#calendar {text-align:center; margin:0 auto}
#calendar table, #calendar caption {text-align:center; margin:5px auto}
#archives {text-align:center; margin:0 auto}
h3, caption {text-transform:capitalize }
hr {
border: none;
border-top: 1px dashed;
height: 0px;
margin:10px 100px !important;
margin:0px;
color:#3464e4;
}
div.commentaire {
/*float:right;*/
font-size: 0.8em;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
margin-bottom: 10px;
}
div.commentaire p {
text-align:right;
}