/* -------------------------------- 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 ***********************************/
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; }
iframe.contenu	{ width:540px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#333333; background-color:#f2f2f2; padding:0px 0px 0px 0px; text-align:justify; border:1px solid #0A347C; margin:0px 0px 15px 16px }
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 }
div.forum	{ width:550px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#333333; background-color:#f2f2f2; 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:0px 2px 4px 2px; 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; /*text-align:center;*/ }
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: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; /float:left; /display:inline;margin-left: 16px; }

/**************************** CSS LOGIN PAGE ********************************/
div.login { float:left; margin-top:40px; margin-left:40px;  background-image:url(../images/login.gif); background-repeat:no-repeat; height:390px; width:480px; }

.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; margin-bottom:15px;}
.champ_inscription	{ clear:both; margin-top:-20px; padding-left:15px; }
.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:80px 0px 0px 0px; 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  { float:left; margin-top:10px; padding-left:120px;}
*>.txt_login    { font: 11px Arial, Arial, Helvetica, sans-serif; color:#FF660B; vertical-align:middle; padding-left:3px; margin-bottom:5px; }

/**************************** 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:8px; border-bottom:none; }
a.menu:hover	{ color:#3333CC; } /* 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:#3333CC; }
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 *******************************/
span.titrealbum { font-size:14px; color:#6c9999; margin-left:20px; font-weight: bold; margin-bottom:40px; margin-top:10px; text-transform:capitalize; }
div.titrealbum { font-size:14px; color:#FF660B; margin-left:20px; font-weight: bold; margin-top:10px; text-transform:capitalize; }
div.titreimage { font-size:12px; color:#000000; margin-left:20px; font-weight: bold; margin-top:10px;}
div.image { margin-left:20px; margin-top:0px; margin-bottom:10px; padding:5px; border:1px solid #000000; float:left; width:190px;}
div.image130 { margin-left:20px; margin-top:0px; margin-bottom:10px; padding:5px; border:1px solid #000000; float:left; width:120px;}
div.album { margin-left:20px; margin-top:0px; margin-bottom:10px; padding:5px; background-color:#f2f2f2; border:4px solid #FF660B; }
span.detailalbum { color:#303030; font-weight: bold; }
span.detailimage { color:#000000; }
div.actionimage{ margin-left:20px; margin-top:-10px; margin-bottom:10px; float:left;}

img.imageGalerieMenu{ margin-bottom:4px; border:1px solid #000000; }

div.imageGalerie { margin-left:20px; margin-top:0px; margin-bottom:10px; padding:5px; border:1px solid #000000; float:left; width:400px;}
div.detailImageGalerie { color:#000000; float:left; width:400px; margin-left:20px; }

span.h3		{ font:bold 18px Arial; color:#6c9999; text-transform:capitalize; margin-left:18px; padding:5px; }

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


tr.article1 { background-color:#FFCC00; }
tr.article2 { background-color:#f2f2f2; }

.paginationstyle{ /*Style for demo pagination divs*/
			width: 250px;
			text-align: center;
			padding: 2px 0;
			margin: 10px 0;
}

/*************************** CSS MENU GALERIE PHOTOS *******************************/
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
	border: 1px solid navy;
	margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
	font:bold 11px Arial;
	color:#3333CC;
	padding: 0 2px;
	text-decoration: none;
	color: navy;
	background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
	color: #000;
	background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
	border: 0;
	padding: 0;
}

.paginationstyle a.imglinks img{
	vertical-align: bottom;
	border: 0;
}

.paginationstyle a.imglinks a:hover{
	background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
	color: #000;
	background-color: #FF9933; 
}

/*************************** CSS PAGINATION *******************************/
div.pagination{ float: left; width: 100%; clear: both; }

div.pagination_formation_up{ width: 100%; clear: both; margin-bottom:5px; }
div.pagination_formation_down{ float: left; width: 100%; clear: both; margin-top:5px; }