#bloc_page
{
width: 1000px;
margin: auto;
}

.header
{
background:linear-gradient(to bottom, white, rgb(163, 40, 8));
background: -moz-linear-gradient(to bottom, white, rgb(163, 40, 8));
background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgb(163, 40, 8)));
background: -webkit-linear-gradient(to bottom, white, rgb(163, 40, 8));
background: -o-linear-gradient(to bottom, white, rgb(163, 40, 8));
background: -ms-linear-gradient(to bottom, white, rgb(163, 40, 8));
background-color: rgb(227, 112, 87);
text-decoration: underline;
text-align: center;
border: 1px solid rgb(163, 40, 8)
}
#imagejcj_e2
{
text-align: center; 
background: black; 
font-size: 14px; 
color: white; 
width: 700px; 
position: absolute; 
left: 442px; 
top: 1120px;
}
#prisca
{
text-align: center; 
font-size: 14px; 
width: 200px; 
position: absolute; 
left: 942px; 
top: 1640px;
}

#Lamissionnaire
{
text-align: center; font-size: 14px; width: 200px; position: absolute; left: 205px; top: 1890px;
}


#soustitrejcj_5e
{
position: absolute;
top: 1070px; 
left: 780px; 
font-size: 	1.2em; 
color: white
}

#soustitrejcj_4e1
{
position: absolute; 
top: 1000px; 
left: 730px; 
background: yellow
}

#soustitrejcj_3e1
{
text-align: justify; 
font-size: 1.1em;
width: 810px; 
color: white; 
position: absolute; 
left: 335px; 
top: 920px
}

#soustitrejcj_2e1
{
text-align:justify; 
font-size: 1.3em; 
background: rgb(13, 68, 30); 
width: 640px; 
color: white; 
position: absolute; 
left: 522px; 
top: 750px
}


.journal1
{
float: left;
margin-right: 25px;
margin-bottom: 10px;
}
.journal2
{
float: left;
margin-right: 25px;
margin-bottom: 35px;
border: 3px solid black;
}
.illustration
{
float: left;
padding-bottom: 15px;
padding-right: 25px; 
}
.image_media1
{
position: relative;
left: 849px;
bottom: 36px;
}

.V1
{
float: right;
margin-left: 15px;
margin-bottom: 25px;
margin-top: 15px;
}
.P
{
margin-left: 20px;
}

.VP
{
float: left;
margin-right: 15px;
margin-bottom: 25px;
margin-top: 15px;
}

.lafoi1
{
float: left;
margin-right: 15px;
margin-top: 15px;
}

.lafoi
{
float: right;
margin-left: 15px;
margin-top: 15px;
}

#missionpasteur
{
text-align: center; 
font-size: 13px; 
width: 300px; 
background: black; 
color: white; 
position: absolute; 
left: 842px; 
top: 2050px;
}

/*pied de page*/
#imagedefond
{
background-color: rgb(64, 0, 64);
 height: 50px; 
 border: 1px solid rgb(64, 0, 64)
}
.bas_page1{
font-size: 1.1em; 
text-decoration: none; 
margin-left: 250px; 
color: white;
}
.bas_page1:hover{color: gray;}

.bas_page2{
font-size: 1.1em; 
text-decoration: none; 
margin-left: 50px; 
color: white;
}
.bas_page2:hover{color: gray;}

.bas_page3{
font-size: 1.1em; 
text-decoration: none; 
margin-left: 50px; 
color: white;
}
.bas_page3:hover{color: gray;}
/*fin pied de page*/

#juillet16
{
 text-decoration: none; 
 color: white;
}
#juillet16:hover{color: red;}

.conf2
{
float: right;
}

.imagejcj_9e2
{
margin-left: 340px;
}

#annonce3
{
width: 535px;
height: 615px;
---border: 1px solid black;
position: absolute;
left: 210px;
text-align: justify;
font-size: 18px;
padding: 5px 1px 0 1px;
---background-color: rgb(138, 220, 255);
}
#img_j3
{
width: 386px;
height: 595px;
---border: 1px solid black;
position: absolute;
left: 755px;
padding: 5px 0 0 0;
---background-color: rgb(138, 220, 255);
}

.crainte_jcj22e {
width /*\**/: 297px\9; /* seulement pour IE8 & IE9;  Juste pour des cas de besoins n'intervient pas*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.crainte_jcj24e
{
width: 297px;
height: 735px;
---border: 1px solid black;
position: absolute;
left: 518px;
padding: 5px 10px 0 10px;
---background-color: rgb(138, 220, 255);}/* Seulement Safari et Chrome; Juste pour des cas de besoins n'intervient pas*/
}

/** css nouvelles colonnes **/

div#col3 {
		float				: left;
		---background-color	: pink;
		width				: 299px;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		---border: 1px solid red;
}

div#col2 {
		float				: left;
		---background-color	: pink;
		width				: 299px;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		---border: 1px solid green;
}

div#col1 {
		float				: right;
		---background-color	: yellow;
		width				: 296px;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		---border: 1px solid black;
}

/** css journal29 **/

div#col3_29 {
		float				: left;
		---background-color	: pink;
		width				: 299px;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		---border: 1px solid red;
}

div#col2_29 {
		float				: left;
		---background-color	: pink;
		width				: 301px;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		---border: 1px solid green;
}

div#col1_29 {
		float				: right;
		---background-color	: yellow;
		width				: 294px;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		---border: 1px solid black;
}

/** css journal_juillet **/ 
#juil1{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 980px;
}

#juil2{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 785px;
}

#juil3{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 585px;
}

#juil4{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 385px;
}

#juil5{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 190px;
}

/** css journal_aout **/
#aout1{
  text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 935px;
}

#aout2{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 690px;
}

#aout3{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 440px;
}

#aout4{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 200px;
}


/** css journal_sept **/
#sept1{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 980px;
}

#sept2{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 785px;
}

#sept3{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 585px;
}

#sept4{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 385px;
}

#sept5{
 text-align: center; 
 width: 185px; 
 height: 300px; 
 position: absolute; 
 left: 190px;
}

/** css journal_octobre **/
#oct1{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 935px;
}

#oct2{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 690px;
}

#oct3{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 440px;
}

#oct4{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 200px;
}


/** css journal_novembre **/
#nov1{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 935px;
}

#nov2{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 690px;
}

#nov3{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 440px;
}

#nov4{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 200px;
}


/** css journal_decembre **/
#dec1{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 973px;
}

#dec2{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 772px;
}

#dec3{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 572px;
}

#dec4{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 372px;
}

#dec5{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 170px;
}

/** css journal_janvier **/
#janv1{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 935px;
}

#janv2{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 690px;
}

#janv3{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 440px;
}

#janv4{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 200px;
}


/** css journal_fevrier **/
#fev1{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 935px;
}

#fev2{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 690px;
}

#fev3{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 440px;
}

#fev4{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 200px;
}


/** css journal_mars **/
#mars1{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 980px;
}

#mars2{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 785px;
}

#mars3{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 585px;
}

#mars4{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 385px;
}

#mars5{
 text-align: center; 
 width: 200px; 
 height: 300px; 
 position: absolute; 
 left: 190px;
}