/* CSS Document */

*{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background:url(../images/back-degrade.jpg) repeat-x 0 0;}

div#page{
width:980px;
margin:0 auto;}

#top{
width:980px;
height:188px;
background:url(../images/back-top.gif) no-repeat 0 0;}

h1#logo{
width:209px;
height:128px;
text-indent:-5000px;
display:block;
background:url(../images/logo-ampac-asso.gif) no-repeat 46px 35px;
margin:0;
padding:0;}

#menu-secu{
width:523px;
height:28px;
background: url(../images/acces-emembre-off.gif) no-repeat 0 0;
float:right;
margin: 32px 0 0 0;
text-indent:-5000px;
}

.pointilles{
float:left;
width:3px;
height:436px;
background:url(../images/pointille-unique.gif) repeat-y 0 0;}


#content{
width:961px;
margin:0;
padding:0 0 0 19px;
}

p.noir11{
font:11px Arial, Helvetica, sans-serif;
color:#333333;}


p.blanc11{
font:11px Arial, Helvetica, sans-serif;
color:#e5c8d5;}

.violet11{
font:11px Arial, Helvetica, sans-serif;
color:#a74873;}

a.violet{
font:11px Arial, Helvetica, sans-serif;
color:#a74873;
text-decoration:none;}
a.violet:hover{
font:11px Arial, Helvetica, sans-serif;
color:#a74873;
text-decoration:underline;}


a.blanc{
font:11px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;}
a.blanc:hover{
font:11px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:underline;}


/**************************************************************************************************/
/*********************************         HOME             ***************************************/
/**************************************************************************************************/

ul#menu{
float:left;
width:116px;
height:396px;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:40px 0 0 4px;}

#menu li{
width:116px;
list-style:none;
height:24px;}

#menu li a#m0, a#m1, a#m2, a#m3, a#m4, a#m5, a#m6, a#m7{
text-indent:-5000px;
display:block;
height:24px;
text-decoration:none;}

a#m0{background:url(../images/m0_accueil.gif) no-repeat 0 -24px;}
a#m0:hover{background:url(../images/m0_accueil.gif) no-repeat 0 0;}
a#m1{background:url(../images/m1_fonctions.gif) no-repeat 0 -24px;}
a#m1:hover{background:url(../images/m1_fonctions.gif) no-repeat 0 0;}
a#m2{background:url(../images/m2_actions.gif) no-repeat 0 -24px;}
a#m2:hover{background:url(../images/m2_actions.gif) no-repeat 0 0;}
a#m3{background:url(../images/m3_services.gif) no-repeat 0 -24px;}
a#m3:hover{background:url(../images/m3_services.gif) no-repeat 0 0;}
a#m4{background:url(../images/m4_bureau.gif) no-repeat 0 -24px;}
a#m4:hover{background:url(../images/m4_bureau.gif) no-repeat 0 0;}
a#m5{background:url(../images/m5_statuts.gif) no-repeat 0 -24px;}
a#m5:hover{background:url(../images/m5_statuts.gif) no-repeat 0 0;}
a#m6{background:url(../images/m6_contact.gif) no-repeat 0 -24px;}
a#m6:hover{background:url(../images/m6_contact.gif) no-repeat 0 0;}
a#m7{background:url(../images/m7_esiec.gif) no-repeat 0 -24px;}
a#m7:hover{background:url(../images/m7_esiec.gif) no-repeat 0 0;}


#menu li#lien-esiec{
width:83px;
list-style:none;
height:100px;
padding:40px 10px 10px 23px;
}




/*****************************************  DOUBLE ENTREE  ***********************************/

ul#dble-entree{
float:left;
width:298px;
height:396px;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:32px 0 0 18px;
}

#dble-entree li {list-style:none;}

li#diplomes{
width:210px;
background:url(../images/tit-diplomes-cotisez.gif) no-repeat 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#333;
padding:36px 0 0 73px;}

li#diplomes a#cotisez{
width:93px;
height:16px;
display:block;
text-indent:-5000px;
background:url(../images/bt-cotisez.gif) no-repeat 0 0;
margin:10px 0;}
li#diplomes a#cotisez:hover{background:url(../images/bt-cotisez.gif) no-repeat 0 -16px;}


li#entreprises{
width:210px;
background:url(../images/tit-espace-entreprises.gif) no-repeat 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#333;
padding:36px 0 0 73px;
margin-top:20px;}

li#entreprises a#deposez{
width:161px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../images/bt-deposez-offre.gif) no-repeat 0 0;
margin:10px 0;}
li#entreprises a#deposez:hover{background:url(../images/bt-deposez-offre.gif) no-repeat 0 -17px;}

li#entreprises a#demandez{
width:169px;
height:27px;
display:block;
text-indent:-5000px;
background:url(../images/bt-demande-compte.gif) no-repeat 0 0;
margin:15px 0;}
li#entreprises a#demandez:hover{background:url(../images/bt-demande-compte.gif) no-repeat 0 -27px;}


/*****************************************  PRESENTATION  ***********************************/


#pres-home{
float:left;
width:263px;
height:396px;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:44px 30px 0 34px;
}

#pres-home h2{
width:151px;
height:24px;
text-indent:-5000px;
display:block;
background:url(../images/tit-ampac-quest-ce.gif) no-repeat 0 0;
}

#flash{
margin-top:15px;}


/*****************************************  ACCES-SECU + ACTU  ***********************************/

#actu{
float:right;
width:155px;
height:396px;
padding:0 38px 0 0;
background:url(../images/pointilles.gif) no-repeat 177px 0;
}

form#acces-secu{
width:131px;
height:104px;
background:url(../images/back-acces-secu.jpg) no-repeat 0 0;
padding:5px 12px;
}
form#acces-secu label{
font:11px Arial, Helvetica, sans-serif;
color:#e5c8d5;}

form#acces-secu input{
margin:3px 0;}

.gauche{float:left;}

input#go-secu{
float:left;
width:30px;
height:18px;
display:block;
text-indent:-5000px;
background:url(../images/bt-login.gif) no-repeat 10px -18px;
border:none;
cursor:pointer;}
input#go-secu:hover{
background:url(../images/bt-login.gif) no-repeat 10px 0;}



#actu-pack h3{
width:119px;
height:13px;
text-indent:-5000px;
display:block;
background:url(../images/tit-actu-pack.gif) no-repeat 12px 0;
margin:0 0 5px 0;}


#actu-pack{
width:155px;
height:242px;
background:url(../images/back-actupack.gif) no-repeat 0 15px;
margin-top:39px;
}

#actu-pack ul{
font:11px Arial, Helvetica, sans-serif;
color:#333333;
padding:7px 10px 10px 0;}

#actu-pack ul li{
list-style:none;
background:url(../images/fleche-actu.gif) no-repeat 0 0;
text-indent:5px;
padding-left:12px;
margin-top:5px;
}

/**************************************************************************************************/
/*********************************         FONCTIONS        ***************************************/
/**************************************************************************************************/

#fonctions{
float:left;
width:580px;
height:auto;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:43px 0 0 40px;
font:11px Arial, Helvetica, sans-serif;
color:#444;}

#fonctions h2{
width:150px;
height:30px;
text-indent:-5000px;
display:block;
background:url(../images/tit-fonctions.gif) no-repeat 0 0;
}

#fonctions ul{
padding-left:15px;}

#fonctions ul li{
list-style:url(../images/puce.gif);
margin-bottom:15px;}


/******************************************************************************************/

#secu{
width:155px;
height:auto;
background:url(../images/back-acces-secu.jpg) no-repeat left bottom;
}

form#acces-secu2{
width:131px;
background:url(../images/degrade-acces-secu.jpg) repeat-y 0 0;
padding:5px 12px;
}
form#acces-secu2 label{
font:11px Arial, Helvetica, sans-serif;
color:#e5c8d5;}

form#acces-secu2 input{
margin:3px 0;}

.gauche{float:left;}

input#go-secu{
float:left;
width:30px;
height:18px;
display:block;
text-indent:-5000px;
background:url(../images/bt-login.gif) no-repeat 10px -18px;
border:none;
cursor:pointer;}
input#go-secu:hover{
background:url(../images/bt-login.gif) no-repeat 10px 0;}

a#demandez2{
width:151px;
height:27px;
display:block;
text-indent:-5000px;
background:url(../images/bt-demande-compte2.gif) no-repeat 0 0;
margin:15px 0;}
a#demandez2:hover{background:url(../images/bt-demande-compte2.gif) no-repeat 0 -27px;}





/**************************************************************************************************/
/*********************************         ACTIONS        *****************************************/
/**************************************************************************************************/

#actions{
float:left;
width:580px;
height:auto;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:43px 0 0 40px;
font:11px Arial, Helvetica, sans-serif;
color:#444;}

#actions h2{
width:150px;
height:30px;
text-indent:-5000px;
display:block;
background:url(../images/tit-actions.gif) no-repeat 0 0;
}

#actions ul{
padding-left:15px;}

#actions ul li{
list-style:url(../images/puce.gif);
margin-bottom:15px;}


/**************************************************************************************************/
/*********************************         SERVICES         ***************************************/
/**************************************************************************************************/

#services{
float:left;
width:580px;
height:auto;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:43px 0 0 40px;
font:11px Arial, Helvetica, sans-serif;
color:#444;}

#services h2{
width:180px;
height:30px;
text-indent:-5000px;
display:block;
background:url(../images/tit-services.gif) no-repeat 0 0;
}

#services ul{
padding-left:15px;
margin-bottom:20px;}

#services ul li{
list-style:url(../images/puce.gif);
margin-bottom:15px;}

/**************************************************************************************************/
/*********************************         BUREAU          ****************************************/
/**************************************************************************************************/

#bureau{
float:left;
width:580px;
height:auto;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:43px 0 0 40px;
font:11px Arial, Helvetica, sans-serif;
color:#444;}

#bureau h2{
width:180px;
height:30px;
text-indent:-5000px;
display:block;
background:url(../images/tit-bureau.gif) no-repeat 0 0;
}

#bureau ul.ula, #bureau ul.ulb{
float:left;
width:260px;
margin:0 10px 20px 0;
padding-left:15px;}

#bureau ul.ula li, #bureau ul.ulb li{
list-style:url(../images/puce.gif);
}


/**************************************************************************************************/
/*********************************         CONTACT         ****************************************/
/**************************************************************************************************/

#contact{
float:left;
width:260px;
height:auto;
background:url(../images/pointilles.gif) no-repeat 0 0;
margin:0;
padding:70px 15px 0 30px;
font:11px Arial, Helvetica, sans-serif;
color:#444;}

#form-contact h2{
width:180px;
height:30px;
text-indent:-5000px;
display:block;
background:url(../images/tit-contact.gif) no-repeat 0 0;
}


/**********************   formulaire   *******************************/


#form-contact{
float:left;
width:278px;
font:11px Arial, Helvetica, sans-serif;
margin:0 0 20px 0;
padding:43px 0 0 40px;
background:url(../images/pointilles.gif) no-repeat 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#444;
}

#form-contact label.champs{
float:left;
width:50px;
margin:5px 15px 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#333;
}

#form-contact li{
width:270px;
clear:both;}

li#champs-oblig{
width:270px;
color:#a74873;
text-align:left;
}

form.form input.champs, textarea.champs{
margin:2px 0;
float:left;
}

form.form li{
list-style:none;
text-align:left;
}

form.form a{
font-weight:bold;
color:#a74873;
margin-left:110px;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;}
form.form a:hover{
color:#a74873;
text-decoration:underline;}

.erreur{
background-color:#fff;
border:1px solid red;
color:red;
}

#error{
width:250px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:red;}

a#envoi{
width:103px;
height:27px;
display:block;
text-indent:-5000px;
margin:0 0 10px 70px;
background:url(../images/bt-envoi.gif) no-repeat 0 0;}
a#envoi:hover{
width:103px;
height:27px;
display:block;
text-indent:-5000px;
margin:0 0 10px 70px;
background:url(../images/bt-envoi.gif) no-repeat 0 -27px;}



/**************************************************************************************************/
/*********************************         FOOTER           ***************************************/
/**************************************************************************************************/

#back-footer{
clear:both;
width:auto;
background:url(../images/back-footer-degrade.jpg) repeat-x 0 0;}

#footer{
width:940px;
height:98px;
margin:0 auto;
background:url(../images/bas-footer.jpg) no-repeat 0 0;
text-align:right;
padding:5px 40px 0 0;
font:10px Arial, Helvetica, sans-serif;
color:#999;}

#footer a{
font:10px Arial, Helvetica, sans-serif;
color:#999;
text-decoration:none;}
#footer a:hover{
font:10px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;}