/* -------------------------------- CSS Document ---------------------------------*/
/* -------------------- Feuille de style de la Protection Civile -----------------*/
/* Copyright(c) 2007, Fédération Nationale de Protection Civile                   */
/* Tous droits réservés.                                                          */
/* Toute reproduction ou diffusion integrale ou partielle par quelque procede que */
/* ce soit ne peut être faite sans l'autorisation préalable de la                 */
/* Fédération Nationale de Protection Civile (communication@protection-civile.org)*/
/*--------------------------------------------------------------------------------*/

/**************************** CSS BODY **************************************/
body	{ width:775px; margin-top:0px; margin-bottom:0px; margin:auto; text-align:center; }
#base		{ width:775px; padding:0px 0px 0px 0px; background-color:#FFFFFF; border:1px solid black; }


/**************************** CSS ENTETE HEADER FIXE ************************/
div.header		{ width:775px; height:100px; background-image:url(../images/hearder.jpg); background-repeat:no-repeat; border-bottom:1px solid #000000; padding-top:0px; margin-bottom:0px;}
div.logo		{ float:left; margin-left:5px; padding-top:5px; }
div.protection-civile	{ margin-right:160px; padding-top:15px; }


/**************************** CSS CONTENU ***********************************/
/*div.container	{ width:750px; margin:10px; }*/
/*div.menu2Container	{ width:750px; margin:0px; }*/
/*div.menu2Content { width:775px; margin-right:50px; }*/
/*#contenu	{ float:left; background-color:#FFFFFF; margin-top: 10px; }*/
/*#article 	{ width:530px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#333333; background-color:#f2f2f2; padding:10px; text-align:justify; border:1px solid #0A347C; margin-bottom:15px; margin-left:8px; }*/

h1	{ font:bold 12px Arial; color:#FF660B; }
h2	{ font:bold 29px Arial; color:#6cb0c1; text-transform:uppercase; margin:0px; }
h2a	{ font:bold 20px Arial;	color:#6c9999; text-transform:lowercase; margin:0px; }
h3	{ font:bold 17px Arial; color:#6c9999; text-transform:capitalize; margin:0px; padding:5px; }
h4	{ font:bold 11px Arial; color:#CC0000; text-transform:uppercase; text-align:left; margin:10px 0px 0px 20px; }
#formulaireADPC	{ width:770px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#333333; background-color:#f2f2f2; padding:10px; text-align:justify; border:1px solid #0A347C; margin-bottom:15px; margin-left:8px; }
#page		{ width:530px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.1em; color:#333333; padding:10px; text-align:justify; margin-bottom:15px; margin-left:8px; }

img.imageleft 	{ float:left; margin:5px 10px 5px 0px; border:0px; }
img.imageright	{ float:right; margin:5px 0px 5px 10px; border:0px; }
img.imagecenter { text-align:center; margin:5px 5px 5px 5px; border:0px; }

#info-plus 	{ width:530px; height:120px; background-color:#FFFFFF; border:1px dashed #666666; margin-top:10px; text-align:left; }
#list-info 	{ float:left; margin:10px; width:156px; }

ul		{ list-style:circle; }


/********************************************************************************/
/*********************** STRUCTURE GENERAL DE LA PAGE  **************************/
/********************************************************************************/

/*********************** STRUCTURE DU CONTENU ***********************************/
div.contenu	{ float:left; background-color:#FFFFFF; margin:10px 0px 0px 0px; }
div.carte	{ float:left; margin-left:20px; background-color:#FFFFFF; margin-top: 10px; }
div.article	{ width:530px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#333333; background-color:#f2f2f2; padding:10px 10px 10px 10px; text-align:justify; border:1px solid #0A347C; margin:0px 0px 15px 16px }
table.article	{ width:510px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:2px; padding-right:2px; }
div.suite	{ width:508px; height:20px; border-bottom:2px solid #009193; border-top:2px solid #009193; margin-top:10px; text-align:right; }


/**************************** CSS MENU DROITE ***********************************/
div.menu-droit	{ width:170px; float:right;color:#FFFFFF;margin-left:18px;margin-bottom:15px;margin-top:12px; padding-right:15px; }
div.france	{ width:170px; height:161px; padding-bottom:0px; margin-bottom:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; }
div.bleu	{ text-decoration:none; width:172px; background-image:url(../images/fond-bleu.gif);border-bottom:1px solid #333333;padding-top:5px;padding-bottom:5px;text-align:center;border-left:0px solid #333333;border-right:0px solid #333333;border-top:0px; }
div.haut	{ width:172px; height:30px; background-image:url(../images/haut-mdroit.gif); background-repeat:no-repeat; }
div.bas		{ width:172px; height:13px; background-image:url(../images/bas-mdroit.gif); background-repeat:no-repeat; }
div.membre	{ height:20px; width:170px; margin-top:10px; background-image:url(../images/membre.gif); background-repeat:no-repeat; padding:5px 4px 4px 0px; text-align:center; }
div.photo	{ width:170px; height:74px; padding-bottom:0px;border-bottom:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; }

a.bleu 		{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; text-decoration:none; }
a.bleu:hover 	{ color:#000066; text-decoration:none; text-align:center; }
a.bleu:visted 	{ color:#FFFFFF; text-decoration:none; text-align:center; border:0px; }

.p-bleu		{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000066; line-height:9px; padding-top:5px; }

/**************************** FOOTER DES PAGES ******************************/
div.footer 		{ clear:both;padding-top:2px;width:775px;margin-top:10px;margin-bottom:5px;border-top:3px solid #FF9900;font-family:Arial, Helvetica, sans-serif;font-size: 10px;color:#AAAAAA;text-align:center;align:center;}

a.footer:link		{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ea8333; text-decoration:none }
a.footer:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ea8333; text-decoration:none }
a.footer:active   	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ea8333; text-decoration:none }
a.footer:hover    	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ea8333; cursor:hand; text-decoration:underline }

p.footer		{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#AAAAAA; font-weight:normal; margin-top:0; margin-bottom:2px; text-align:center; }

div.news	{ font-family:Arial, Helvetica, sans-serif; }

/*********************** TABLE DES TITRES D'ONGLET **************************/
td.date      		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:right; }
td.titre     		{ background-color:#0A347C; text-align:center; font:bold 12px Arial; color:#FF660B; }

div.titre		{ height:15px; padding-bottom:0px; }

div.tetiaire-info 	{ font-family:Arial, Helvetica, sans-serif; color:#CDF0FF; font-size:11px; text-align:right; width:530px; margin-left:16px; }


/**************************** CSS LOGIN PAGE ********************************/
div.login { float:left; background-color:#FFFFFF; margin-top:10px; background-image:url(../images/login.gif); background-repeat:no-repeat; height:400px; width:500px;}

.champtxt_login	{ font:11px Arial, Arial, Helvetica, sans-serif; border:1px solid #494F7A; color:#494F7A; background-color:#FFFFFF; vertical-align:middle; padding-left:3px; }

.champ_login	{ margin-top:40px; padding-left:0px; }
.bouton_login	{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF660B; text-decoration:none; margin-top:8px; }
.txt_login	{ font: 11px Arial, Arial, Helvetica, sans-serif; color:#FF660B; vertical-align:middle; padding-left:3px; padding-top:3px; }
a.txt_login:hover { color:#FFFFFF; }

.titreidentification	{ margin:120px 0px 0px 30px; font:35px Arial, Arial, Helvetica, sans-serif; color:#FF660B; padding-left:inherit;}

/* FIREFOX */
*>.champtxt_login	{ font:9px Arial, Arial, Helvetica, sans-serif; border:1px solid #494F7A; color:#494F7A; background-color:#FFFFFF; vertical-align:middle; padding-left:3px; margin-bottom:0px; }
*>.champ_login	{ margin-top:20px; padding-left:140px; }
*>.txt_login	{ font: 11px Arial, Arial, Helvetica, sans-serif; color:#FF660B; vertical-align:middle; padding-left:3px; margin-bottom:5px; }
*>.titreidentification	{ margin:120px 0px 0px 30px; font:35px Arial, Arial, Helvetica, sans-serif; color:#FF660B; padding-left:inherit;}


/**************************** CSS DES CONTACTS ADPC *************************/
div.contacts 	{ float:left;background-color:#FFFFFF;margin-top: 10px;text-align:center; width:530px; }

p.contactstitre	{ color:#FF9933; font-size:24px; font-family:Tahoma, Verdana, Arial; font-weight:bold; }
p.contactsasso	{ color:#000066; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
p.contacts	{ color:#000066; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; }


/*************************** CSS MENUS **************************************/
div.menu-principal	{ width:775px; background-image:url(../images/fond-menu.gif); border-bottom:1px solid #000000; padding:0px 0px 4px 15px; text-align:left;}
*>div.menu-principal	{ width:760px; background-image:url(../images/fond-menu.gif); border-bottom:1px solid #000000; padding:0px 0px 4px 15px; text-align:left;}
.menu-secondaire	{ height:15px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:inherit; color:#FFFFFF; font-weight:bold; text-decoration:none; }

a.menu		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-right:38px; border-bottom:none; }
a.menu:hover	{ color:#FF0000; text-decoration:overline underline; }
a.menu:visted	{ color:#FFFFFF; text-decoration:none; }
a.menu:before	{ content:url(../images/puce.gif); padding-left:5px; padding-right:5px; }

a.menu2		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000066; text-decoration:underline; font-weight:bold; padding-right:38px; border-bottom:none; }
a.menu2:hover	{ color:#FF0000; text-decoration:overline underline; }
a.menu2:visted	{ color:#FFFFFF; text-decoration:none; }
a.menu2:before	{ content:url(../images/puce.gif); padding-left:5px; padding-right:5px; }

a.menu-secondaire		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-right:18px; border-bottom:none; }
a.menu-secondaire:hover		{ color:#FF0000; text-decoration:overline underline; }
a.menu-secondaire:visted	{ color:#FFFFFF; text-decoration:none; }
a.menu-secondaire:before	{ content:url(../images/puce.gif); padding-left:3px; padding-right:5px; }

span.h1		{ font:bold 12px Arial;	color:#FF660B; }
span.h2a	{ font:bold 20px Arial; color:#6c9999; text-transform:lowercase; margin:0px; }
span.h4		{ font:bold 11px Arial;	color:#CC0000; text-transform:uppercase; margin:0px; padding:5px; padding-bottom:0px; }


/*************************** CSS ALBUM PHOTOS *******************************/
#album1 { /*border:10px solid #000066;*/ background-color:#f2f2f2; border:5px solid #FF660B; }
#divimage { margin-left:25px; margin-top:5px; margin-bottom:5px; border:2px solid #000000; }

span.h3		{ font:bold 18px Arial; color:#6c9999; text-transform:capitalize; margin-left:18px; padding:5px; }
span.h2		{ font:bold 14px Arial; color:#6c9999; /*text-transform:uppercase;*/ margin-left:18px; margin-bottom:40px; }

div.photo-centre	{ float:center; margin-left:18px; background-color:#FFFFFF; margin-top: 10px; }

/***************************** CSS FORMULAIRE FORMATION *****************************/
.formation { font-size=11px; }
.enteteformation { text-align:center; font-size:11px; background-color:#FFCC00; font-weight:bold; border-top:solid 1px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:none #000000; }
.enteteformationbordgauche { text-align:center; font-size:11px; background-color:#FFCC00; font-weight:bold; border-top:solid 1px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:solid 1px #000000; }
.enteteformationborddroit { text-align:center; font-size:11px; background-color:#FFCC00; font-weight:bold; border-top:solid 1px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; border-left:none #000000; }
.celluleformation { text-transform:capitalize; text-align:left; font-size:11px; background-color:#f2f2f2; border-top:none 0px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:none #000000; }
.celluleformationbordgauche { text-transform:capitalize; text-align:left; font-size:11px; background-color:#f2f2f2; border-top:none 0px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:solid 1px #000000; }
.celluleformationborddroit { text-transform:capitalize; text-align:center; font-size:11px; background-color:#f2f2f2; border-top:none 0px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; border-left:none #000000; }

/***************************** CSS FORMULAIRE DPS ***********************************/
.dps { text-align:left; font-size=11px; }
.dpsbouton { text-align:center; font-size=11px; }

.entetedps { text-align:center; font-size:11px; background-color:#FFCC00; font-weight:bold; border-top:solid 1px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:none #000000; }
.entetedpsbordgauche { text-align:center; font-size:11px; background-color:#FFCC00; font-weight:bold; border-top:solid 1px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:solid 1px #000000; }
.entetedpsborddroit { text-align:center; font-size:11px; background-color:#FFCC00; font-weight:bold; border-top:solid 1px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; border-left:none #000000; }
.celluledps { text-align:left; font-size:11px; background-color:#f2f2f2; border-top:solid 1px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:none #000000; }
.celluledpsbordgauche { text-align:left; font-size:11px; background-color:#f2f2f2; border-top:solid 1px #000000; border-right:none #000000; border-bottom:solid 1px #000000; border-left:solid 1px #000000; }
.celluledpsborddroit { text-align:center; font-size:11px; background-color:#f2f2f2; border-top:solid 1px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; border-left:none #000000; }


/***************************** CSS CONTACT ******************************************/
.contact { font-size=11px; font-weight:bold; }

/***************************** CSS CACHE ********************************************/
.cache { visibility:hidden; }


/***************************** MENU DEROULANT ***************************************/
/*body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}