/* -------------------------------- 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:777px; margin-top:0px; margin-bottom:0px; margin:auto; text-align:center; }
img{border:0;}
#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; 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 H2 H3 H4 H5 H6 ################## */
h1, h2, h3, h4, h5, h6{padding:0px; margin:0px; font-weight:normal;}
h1 strong, h2 strong, h3 strong{text-indent:-9000px;}

/*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; }*/

/* ################## DEBUT H1 ################## */
#h1_tt, #h1_tt a{display:block;  position:relative; left:0px; top:0px; width:775px; height:100px; margin:0; padding:0;}
#h1_tt{background-image:url(../images/header.jpg); background-repeat:no-repeat; text-indent:-9000px;}
#h1_tt a {display:block; float:left; position:absolute; left:0; top:0px;}
#h1_tt a strong{text-indent:-9000px;}
#h1_tt situ_HP{left:0;}
/* ##################  FIN  H1 ################## */
.title_h2{color:#6c9999; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold;}





#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; }


/*********************** 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:left; font:bold 12px Arial; color:#FF660B; text-indent:20px }

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:9px 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; }
.txt_login	{ font: 11px Arial, Arial, Helvetica, sans-serif; color:#FF660B; vertical-align:middle; padding-left:3px; }

.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.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; }