/* mise en forme du bloc page */

#bloc_page {
	width:1100px;	
	margin:auto;
	margin-top:15px;		
	display:flex;
	position:relative;
	font-family: Arial,"Comic Sans MS" ,sans-serif;
	font-size:0.95em;

	
}

/* Couleur des elements orange */

#boxorange ,#orangevertleft,#orangevertmiddle,#orangevertright {
	background-color: rgb(249,134,7);
}

/* Couleur des elements verts */

#greenhortop,#greenhortop1,#greenhormiddle ,#greenhormiddle1,#greenhormiddle2, #greenhorbottom {
	background-color: rgb(163,201,25);
}


#boxorange {
	width: 170px;
	height: 710px;
	left:0;
	position:relative;	
}


#boxorange h2 {
	transform-origin: right bottom 0;
	transform: rotate(270deg);
	letter-spacing: 20px;
	margin-top:450px;
	position:relative;
	right:50px;
	font-size:45px;	
	color:white;
	text-transform:UPPERCASE;
	font-family:"Comic Sans Ms", serif;
}

#boxorange p {
	transform-origin: right bottom 0;
	transform: rotate(270deg);
	letter-spacing: 20px;
	margin-top:450px;
	position:relative;
	right:50px;
	font-size:45px;
	font-weight:bold;
	
	color:white;
	text-transform:UPPERCASE;
	font-family:"Comic Sans Ms", serif;
}


#boxorange .flocon {
	position:absolute;
	top:-300px;
	right:60px;
	margin-right:45px;
	font-size:2.5em;
}

#boxorange .poutrains {
	position:absolute;
	top:-100px;
	left:-60px;
	margin-right:10px;
	font-size:2.5em;
}

#boxorange .bousbecque {
	position:absolute;
	top:-65px;
	left:-10px;
	margin-right:-40px;
	font-size:2.5em;
}


#boxorange .carnot {
	position:absolute;
	top:-170px;
	left:-80px;
	margin-right:30px;
	font-size:2.5em;


}


#boxorange .brun {
	position:absolute;
	top:-80px;
	left:-10px;
	margin-right:-20px;
	font-size:2.5em;

}

#boxorange .pain {
	position:absolute;
	top:-330px;
	left:-10px;
	margin-right:-20px;
	font-size:2.5em;

}


#boxorange .chrs {
        position:absolute;
	top:-190px;
	left:-20px;
	
	font-size:3em;

}


#boxorange .siege {
        margin-top:220px;
     
}


#boxorange .paej {
        position:absolute;
        margin-top:400px;

}

#boxorange .reliance {
        position:absolute;
	margin-top:110px;

}




#boxorange .item1 {
	margin-top:470px;
}

#orangevertleft{
	width:14px;	
	height:710px;
	position:absolute;
	left:187px; 
}



#orangevertright {
	width:14px;	
	height:710px;
	position:absolute;
	left:1090px;	
}

#greenhortop {
	height:14px;	
	width:890px;
	position:absolute;
	top:40px;
	left:200px;
}


#greenhorbottom {
	height:14px;	
	width:890px;
	position:absolute;
	top:646px;
	left:200px;
}


/* Mise en forme du texte central */


#texte {
	width: 890px;
	height:596px;	
	margin:auto;
	margin-top:50px;
	margin-right:10px;	
	background-color: rgb(183,235,255); /* couleur de base (183,221,255)*/
	letter-spacing: 0.5px;
}


#texte p {
	padding:6px 15px;
	font-size:17px;
}

#texte h1 {
	color:white;	
	text-align:center;
	text-shadow:1px 1px white;	
	font-size:30px;
	font-family:Arial, verdana, sans-serif;
}


#texte h2 {
	padding:10px;
	padding-top:20px;
	color:rgb(30,165,235);
	font-size:21px;
	
}


#texte h3 {
	margin-bottom:30px;
}

#texte h4 {
	text-align:center;
	font-size:22px;
	margin-bottom:50px;
}


#texte span {	
	padding:20px 10px;
	font-size:18px;
	font-family:Arial, verdana, sans-serif;
	text-align:center;
	display:inline-block;
	text-decoration:underline;	

}




#texte .association {
	padding-left:10px;
	padding-top:15px;
	font-family:Arial,"Comic Sans Ms", sans-serif;
	font-size:18px;

}


#texte #top {
	position:absolute;
	width:100px;
	height:100px;
	top:60px;
	left:940px;
	
}


#texte #bottom {
	position:absolute;
	width:100px;
	height:100px;
	top:510px;
	left:210px;
	
}


#textscroll {
	width: 890px;
	height:600px;	
	margin:auto;
	margin-top:50px;
	margin-right:10px;
	 background-color:	rgb(183,235,255)	/*rgb(219,247,215)*/;	
	 
	
}

#textscroll p {
	
	padding:6px 0;
}

/* Titres page asso */


#textscroll h1  {
	
	color:rgb(63,165,235);	
	text-align:center;
	text-shadow:3px 3px white;	
	font-size:28px;

}


#textscroll h2 {
	padding:10px;
	color:rgb(30,165,235);
	font-size:21px;
	font-family:"Arial ,Tahoma , sans-serif";

}


#textscroll h4 {
	text-align:center;
	font-size:20px;
}



#textscroll span {
	padding-left: 10px;

}





.colorblue {
	color:orange;
}


/* paragraphes page asso_valeurs, asso_role....*/



	



}
#textscroll span {
	text-decoration:none;
}



#texte .pindex {
	padding-left:150px;
}

/*  Mise en forme page asso environnement et developpement */






.descriptionsecond {
	width:390px;
	position:absolute;
	top:135px;
	margin-left:410px;
}

.descriptionsecond p{
	font-size:15px;
	position:relative;
	top:50px;
	text-align:justify;
	
}

/* Mise en forme pagination page partenaires Reliance */



/* icone pdf benevolat */

.icone {
	width:50px;
	text-align:center;
}

p .icone {
	width:60px;
	margin:0 350;
	display:inline-block;
}

.reficone {
	margin:0 270;
}


.publi a{
	text-decoration: none;
	color:blue;
	
}

.publi a:hover {
	text-decoration: underline;
	color:black;

}

.publi img {
	width:2%;

}


#mentions_legales h4 {
	font-size:24px;
}


/* lien detail offre emploi */



#textscroll button {
   margin-left:650px;
   position:relative;
   top:-45px;
   border:none;
   border-radius:10px;
   padding:10px;   
   font-weight:bold;
   font-size:15px;
   background-color: rgb(249,134,7);


}



#textscroll .link {


}

#textscroll .link a {
  position:relative;
  top:-20px;
  color:white;
  text-decoration:none;
  background-color:rgb(63,165,235);

  margin-left:600px;
  font-size:18px;
  
  padding:10px 5px;
  border-radius:5px;

  
}

#textscroll .link a:hover {

  background: #8dc7eb;
  background-image: -webkit-linear-gradient(top, #8dc7eb, #5aafe8);
  background-image: -moz-linear-gradient(top, #8dc7eb, #5aafe8);
  background-image: -ms-linear-gradient(top, #8dc7eb, #5aafe8);
  background-image: -o-linear-gradient(top, #8dc7eb, #5aafe8);
  background-image: linear-gradient(to bottom, #8dc7eb, #5aafe8);
 -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  box-shadow: 2px 2px 3px #666666;
 

}

#scenemobile {

display:none;


}


#boxorange .part {

margin-top:380px;



}


#boxorange .paej
{ 
	
        position:absolute;
	top:-170px;
	left:-5px;
	
	font-size:2.5em;

}


#boxorange .cpe {

        position:absolute;
	top:-260px;
	left:-80px;
	margin-right:30px;
	font-size:2.5em;

}


#boxorange .diablotins {

        position:absolute;
	top:-80px;
	left:-10px;
	margin-right:-20px;
	font-size:2.5em;

}