/*** GENERAL  ***/
body {
		background-color: #dddddd; /* Gris */
		background-image:url(http://www.portesouvertes.fr/images/accueil_new.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		margin:0;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}


#conteneur {
position:relative;
display:block;
margin-left: auto;
margin-right: auto;
width:970px;
margin-top:30px;
padding-top:0px;
background: #900059;
}

/*** Entete ***/
.entete {
margin-left: auto;
margin-right: auto;
text-align:center;
width:970px;
height:100px;
padding-top:0px;
display: block;
}
/*** Lien logo PO entete ***/
.link_portes{
float:left;
width:280px;
height:130px;
margin-bottom:0px;
padding-bottom:0px;
}
/*** Moteur de recherche ***/
.search {
overflow: hidden;
height: 30px;
margin-top:0px;
padding-top:90px;
padding-left:30px;
margin-left:0px;
}

/*** Bouton donner ***/
.home_don {
float: right;
width:250px;
height:110px;
margin-top:10px;
padding-top:0px;
margin-right:0px;
padding-right:40px;
}



#piedpage {position:absolute;
bottom:0px;
left:0;
display:block;
width:970px;
height:40px;
margin-left:0;

text-align:center;
background-color: #900059;
color: #000000;}

.copyright{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.copyright  { text-decoration: none;}
/*.mention a,  a:focus { color:#FFFFFF; text-decoration: none;} /** color:#6e6965 **/
/* Positionnement bloc pour la fin de la campagne de prière Corée du Nord*/
#bloc_pnk { position: relative; margin-left: 120px;color : red;}



/* ------------------------------
			Typographie
------------------------------ */
.titles {font-family : Trebuchet MS, Arial, Helvetica, sans-serif; font-size : 13px; font-weight : bold;}

p.menugauche {font : normal bold 14px/15px Arial, Helvetica, sans-serif; margin:  0px 5px 5px 10px; padding-left:2px;}

#menugauche a {text-decoration : none; color : #eeeeee; background : transparent none;}
#menugauche a:hover {text-decoration : underline; color : #ffffff; background : transparent none;}
#bloc1 a:link, #bloc2 a:link, #bloc3 a:link, #bloc_flrg a:link { text-decoration: underline; color:  #5B5B5B;	background: transparent none;	}	
#bloc1 a:visited, #bloc2 a:visited, #bloc3 a:visited, #bloc_flrg a:visited { color : #5E3B3C;	}
#bloc1 a:hover, #bloc2 a:hover, #bloc3 a:hover, #bloc_flrg a:hover { color: Silver;	}	 
#contenu a:link {text-decoration : underline; color : #5B5B5B; background : transparent none;}
#contenu a:visited {	color : #5E3B3C;} 
#contenu a:hover {text-decoration : underline; color : silver; background : transparent none;}



a.hautpage {text-decoration : underline; color : #3266cd;}
a.piedpage {text-decoration : underline; color: #000000; background : transparent none; font-size : 10px;}
a:hover.piedpage {color: #000000; background : transparent none; text-decoration : underline;}
p.piedpage {color: #000000 ; background : transparent none;}
p.filrouge {font : 12px Arial, Helvetica, sans-serif;}
ol {line-height : 5px;}	
ol li {list-style-type : none; display : list-item; margin : 0 0 3 -8; list-style-image : url(../images/nav/arrow_right_pv.gif); list-style-position : outside; font : 12px Arial, Helvetica, sans-serif;}
p.adresse { font: normal 12px Arial, Helvetica, sans-serif; margin: 0px 5px 5px 10px; padding-left:20px; }

h1 {font-family : Arial, Helvetica, sans-serif; font-size : 18px; font-weight : bold; color : #334456; background : transparent none;}
h2 { font-size : 17px; color : #344559; font-weight : bold; }
h3 {font-family : Arial, Helvetica, sans-serif; font-size : 15px; color : #3F546B;font-weight : bold; 	text-align:left; }
h4 {font-size : 14px; color : #993399; }

/****************************************
	Définitions CSS diverses
****************************************/

.icone {position : relative; margin-left : 10px; margin-top : -15px; border : 0px;}
.logo {float : left; margin-top : 10px; margin-left : 10px; border : 0px;}
.logopdf { float : left; margin-top : -8px; border : 0px;}
.pays {float : right; margin-right : 20px; margin-top : 20px; border : 0px;}
.search {float : right; margin-right : 20px; margin-top : 50px; border : 0px;}
.input{color: #ffffff; font-family: "Arial"; font-size: 11px; font-weight: bold; background-color: #663399;}
td.filrouge {border : 1px solid darkgray; background-color : beige;}
.filrouge {font: 12px Arial, Helvetica, sans-serif; padding:15px;}
.filrouge_options {margin-left: 280px;}
.filrouge_options a {background-image: url(../images/nav/arrow_right_pv.gif); background-repeat: no-repeat; background-position: 0% 65%; margin-right: 30px; padding-left: 15px;}
.illus {margin-right : 10px; margin-top : 5px; margin-bottom : 5px; margin-left:5px; float: right;}
.img_gauche {margin-right : 5px; margin-bottom : 5px; float : left;}
.img_droite {margin-left : 5px; margin-bottom : 5px; float : right;}
.indent {text-indent : 1cm;}
.centrer {text-align : center;}
.droite {text-align : right;}
.justifie {text-align : justify;}
.labelCell {padding-left : 20px;}

.btn {display: block ; width:120px; height:14px; padding-top:1px; margin-right : 10px; text-align:center; font-weight: bold; text-decoration: none; color : white; background-color : #CC66FF;}
.btn_ery {display: block ; width:90px; height:14px; padding-top:1px; margin-right : 10px; text-align:center; font-weight: bold; text-decoration: none; color : white; background-color : #FFCC00;}
.btn2 {display: block ; width:120px; height:14px; padding-top:1px; margin-right : 10px; text-align:center; font-weight: bold; text-decoration: none; color : white; background-color : #FFCC00;}
.btn2bis {display: block ; width:180px; height:14px; padding-top:1px; margin-right : 10px; text-align:center; font-weight: bold; text-decoration: none; color : white; background-color : #FFCC00;}

.fond_orange {background-color : #ffaa00; font-size : 16px; color : white; font-weight : bold; text-align: center; width:auto;}
.fond_encadre {	border : #FC6604 solid 2px; }																																																					 
.encadrement_shockwave {	background-color : #FC6604; margin-left : 12px; margin-right : 10px; padding : 5px;}
.lien_shockwave	{ color : #FC6604	; font-weight : bold; }
.image_fond_shockwave { background-image : url(../images/jeunes_priere_2.gif); background-repeat: no-repeat; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
}	
.fond_titre_video	{background-color : #CC66FF; font-size : 14px; color : white; width:auto;}
.videos_fond { background-color : beige; color : dimgray; width=100%; }	
.contenu_alignement {text-align: justify; padding-right: 20px;}
.sign_old{ background-color : #bbbbbb; font: 12px Times New Roman, Times, serif; text-align: center; margin-right:20px; margin-left:20px; } 
.sign_po { font: 11px Verdana, Helvetica, sans-serif; text-align: left; color: dimgray; letter-spacing: 0.5 pt; }
.contact { background-color : #CC99CC; font: 12px Verdana, Helvetica, sans-serif; text-align: center; }
.sign_cdp {font : 13px Times New Roman, Times, serif; text-align : right; font-style : italic; }	
.sign_ery {	font : 13px Times New Roman, Times, serif; text-align : right; color: #660000; font-style : italic; }
.titre_even {font : bold 14px Aria, Helvetica, sans-serif; text-align : center; color : rgb(153, 0, 0);} 
.titre_even.date_even {font-size : 16px; text-decoration : underline;}
.sous_titre_even {font : bold 13px Aria, Helvetica, sans-serif; text-align : center;}
.intitule {font: 13px Times New Roman, Times, serif;   font-weight: bold;}
.special_bleu_vert {color: #006666; font-weight: bold;}
.courrier_pro { font: 11px Verdana, Helvetica, sans-serif; } 
.hauteur_ligne { padding-bottom:5px;}	
.hauteur_ligne_5 { padding-bottom:5px;}	
.hauteur_ligne_10 { padding-bottom:10px;}
.verset { font: 12px Verdana, Helvetica, sans-serif; color: dimgray; letter-spacing: 0,5 pt; line-height: 20px;}	 
.texte_important { color:#C4020B;font-weight: bold;line-height: 1.3em;}
.lipohistorique { margin:5px}

/*-- Légende images --*/
.legende { font: 11px Verdana, Helvetica, sans-serif; font-style : italic;}
a.petition_erythree	{ font : 12px Mistral, Times,	serif; color : #990000; }
.small { font-size : 11px; }								 
.bordure_encadre { border:  1px solid darkgray; background-color: beige; padding:10px; margin-left:10px;}	 
.copyright { font: 11px Arial, Helvetica, sans-serif; letter-spacing: 1pt;}
	

/* ------------------------------
	Envoi d'un lien par mail
------------------------------ */
#envoi_lien {background-image : url(envoimail.gif) no-repeat top right;}

/* Fin de la section de style généré par WebExpert le 01/11/2007 21:42:52 */

/* Format de description d'étapes pour télécharger par exemple */
.etapes_tele_titre { font-size : 18px; color : #660099; font-weight: bold; }
.etapes_tele_texte { color : #000099; }

/* Evénements */
.evenements_item { vertical-align: top; padding:10px; border: 1px solid gray;}


/****************************************
	Définitions CSS pour Plein Cadre
****************************************/

.pleincadre_intitule { color : #FCC624; font-weight: bold; text-align : center; }
.pleincadre_fond { background-color : beige; color : dimgray; }
.pleincadre_position { padding-left: 25px; padding-top: 1px; padding-bottom: 24px; margin-top: 10px;}
.pleincadre_fond ul { padding-bottom:5px; }	
.pleincadre_retrait { margin-top: -15px; margin-left: -3px; }	
.pleincadre_gauche { width: 25%; color: white; text-align : left; padding-left: 20px;}
.pleincadre_droite { width: 25%; color: white; text-align : left; padding-left: -60px;}
.pleincadre_tv { list-style-image: url("../images/nav/television.png"); margin-bottom: 1px;}
.pleincadre_sat { list-style-image: url("../images/nav/feed.png"); margin-bottom: 1px;}
.pleincadre_pc { list-style-image: url("../images/nav/computer.png"); margin-bottom: 1px;}	 
.pleincadre_bordure { border: thin solid silver; }	

.video_PO { position: absolute; top: 280px; left: 470px;border-left: solid 1px gray;width:250px;}


/****************************************
	Définitions CSS pour l'ouverture d'une nouvelle fenêtre (essentiellement indice persécution)
****************************************/
.nouvelle_fenetre { width : 550px ; background-color : white ; padding: 10px; 
font :  12px Aria, Helvetica, sans-serif; color : #393939; } 
.nouvelle_fenetre a:link { color: #5B5B5B;}
.nouvelle_fenetre a:visited { color: #5E3B3C;}
.nouvelle_fenetre a:hover { color: silver;}
.table_top { font: 12px Aria, Helvetica, sans-serif; color : #4E4E4E;}

/*****************************************
	Définitions pour les pages de dossier spécial
*****************************************/

h1.dossier {  
  margin-top : 30px;  color : #616161;  font: 30px Arial, Helvetica, sans-serif;
}

h2.dossier {
  margin-top : -15px;color : #292929; 
  font: 16px Arial, Helvetica, sans-serif; 
  font-style : normal ;
}

h3.dossier { color : #660099; font-style : bold;}

h3.dossier a { color : #686868; text-decoration : none;}

h3.dossier a:hover {
  
}

/*****************************************
	Définitions pour les pages Archives Fil Rouge
*****************************************/
h3.nouvelles { margin-bottom:-13px;}

/*****************************************
	Définitions pour les pages Séminaire Tenir Ferme
*****************************************/
.texte_ssts { text-align:justify; text-indent:20px;}
.sstssommaire_top { background: url("http://www.portesouvertes.fr/images/ssts/fond_top.gif") no-repeat; text-align:center; float:right; width:223px; margin:7px; padding-top:10px; }
.sstssommaire_content { background: url("http://www.portesouvertes.fr/images/ssts/fond_content.gif"); clear: both; }
.sstssommaire_bottom {background: url("http://www.portesouvertes.fr/images/ssts/fond_bottom.gif") no-repeat; height:9px; width:223px;}
.ssts_texte { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000033; line-height:25px;}
.logossts { border:none; margin-left:150px;}