/***********************************************/
/* rbe.css                             */

/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
@media screen {





#construc {
	margin-top:15%;
	margin-left:20%;
	font-family: Arial,sans-serif;
	text-align:center;
	font-size:300%;
	font-weight:bold;

}
body{
	font-family: Arial,sans-serif;
	background-color:#c2cf9c;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

li.date_actu {
	text-align:left;
	padding: 0px 0px 0px 10px;
	margin-left:2%;
	list-style-image: none;
	list-style-type: none;
	font-weight:bold;
	background-color:#c2cf9c;	
	}
li.titre_actu {
	text-align:left;
	color:#900972;
	font-weight:bold;
	padding: 10px 0px 0px 20px;
	margin-left:2%;
	list-style-image: none;
	list-style-type: none;
	}
li.resume_actu {
	text-align:left;
	padding: 10px 0px 0px 20px;
	margin-left:2%;
	list-style-image: none;
	list-style-type: none;
	}
	
li.resume_actu p {text-align:left;
	padding: 10% 0% 0% 0%;
	}
	
li.resume_vds p {text-align:left;
	padding: 10% 0% 0% 0%;
	}
#resume_actu {
	text-align:left;
	padding: 10px 0px 0px 20px;
	margin-left:2%;
	color:black;
	font-weight:normal;
	list-style-image: none;
	list-style-type: none;
	}

#resume_actu p {text-align:left;
	padding: 100px 0px 0px 0px;
	}

	
li.download_actu {
	text-align:left;
	padding: 5px 0px 0px 20px;
	margin-left:2%;
	list-style-type: none;
	list-style-image: none;
	}

li.download_vds {
	text-align:left;
	padding: 10px 0px 0px 20px;
	margin-left:2%;
	list-style-type: none;
	list-style-image: none;
	}

li.asso_vds {
	text-align:left;
	font-weight:bold;
	padding: 10px 0px 0px 20px;
	margin-left:2%;
	list-style-image: none;
	list-style-type: none;
	}
li.resume_vds {
	text-align:left;
	padding: 0px 0px 0px 20px;
	margin-left:2%;
	list-style-image: none;
	list-style-type: none;
	}
li.titre_vds {
	text-align:left;
	color:#900972;
	font-weight:bold;
	padding: 0px 0px 0px 20px;
	margin-left:2%;
	list-style-image: none;
	list-style-type: none;
	}


.accueils{margin-left:10%;margin-top:-5%}
.style {width:150px;filter: shadow(color=,direction=225);} 
#actpro1 {display:block;position:absolute;width:125px;right:12%;top:10%;}

#resant {display:block;position:absolute;width:125px;right:12%;top:25%;}
#lienresant {display:block;position:absolute;width:125px;right:12%;top:52%;text-align:center;font-weight:bold}

#comite {display:block;position:absolute;width:125px;right:12%;top:25%;}
#liencomite {display:block;position:absolute;width:125px;right:12%;top:40%;text-align:center;font-weight:bold}

#liensommaire1 {display:block;position:absolute;width:125px;right:15%;top:67%;text-align:center;font-weight:bold}
#liensommaire2 {display:block;position:absolute;width:125px;right:26%;top:62%;text-align:center;font-weight:bold}



#logobe {display:block;position:absolute;width:125px;right:12%;top:10%;}
#lienlogobe {display:block;position:absolute;width:125px;right:12%;top:35%;text-align:center;font-weight:bold}

#logobe3 {display:block;position:absolute;width:125px;right:6%;top:1%;}
#lienlogobe3 {display:block;position:absolute;width:150px;right:7%;top:13%;text-align:center;font-weight:bold}


#crit {display:block;position:absolute;width:125px;right:7%;top:25%;}
#liencrit {display:block;position:absolute;width:125px;right:7%;top:52%;text-align:center;font-weight:bold}


#finance {display:block;position:absolute;width:125px;right:12%;top:30%;}
#lienfinance {display:block;position:absolute;width:140px;right:12%;top:57%;text-align:center;font-weight:bold}


#actpro2 {display:block;position:absolute;width:125px;right:17%;top:50%;}

#lienpropro1 {display:block;position:absolute;width:125px;right:12%;top:40%;text-align:center;font-weight:bold}
#lienpropro2 {display:block;position:absolute;width:125px;right:17%;top:80%;text-align:center;font-weight:bold}


#lienactpro1 {display:block;position:absolute;width:125px;right:12%;top:36%;text-align:center;font-weight:bold}
#lienres {display:block;position:absolute;width:125px;right:12%;top:38%;text-align:center;font-weight:bold}

#lienactpro2 {display:block;position:absolute;width:125px;right:17%;top:76%;text-align:center;font-weight:bold}



#part1 {display:block;position:absolute;width:125px;right:25%;top:10%;}
#part2 {display:block;position:absolute;width:125px;right:10%;top:50%;}

#lienpart1 {display:block;position:absolute;width:125px;right:25%;top:36%;text-align:center;font-weight:bold}

#lienpart2 {display:block;position:absolute;width:125px;right:10%;top:78%;text-align:center;font-weight:bold}

#part3 {display:block;position:absolute;width:125px;right:20%;top:10%;}
#lienpart3 {display:block;position:absolute;width:125px;right:20%;top:38%;text-align:center;font-weight:bold}

#part4 {display:block;position:absolute;width:125px;right:5%;top:25%;}
#lienpart4 {display:block;position:absolute;width:125px;right:5%;top:52%;text-align:center;font-weight:bold}

#part5 {display:block;position:absolute;width:125px;right:20%;top:60%;}
#lienpart5 {display:block;position:absolute;width:125px;right:20%;top:92%;text-align:center;font-weight:bold}

#imgentendre {
	display:block;
	position:absolute;
	left:3%;
	top:25%;
	}
#txtentendre {
	display:block;
	position:absolute;
	left:20%;
	top:45%;
	}
	
#txtcommuniquer {
	display:block;
	position:absolute;
	left:22%;
	top:45%;
	}
#titreentendre {
	display:block;
	position:absolute;
	left:35%;
	top:25%;
	}
#liendiapo {
	display:block;
	position:absolute;
	left:35%;
	top:65%;
	}

	
iframe {
	font-family: Arial,sans-serif;
	background-color:#9ACD32;
	float:right;
	width: 105%;
	height:5%
	}
	


#acc{
	font-family: Arial,sans-serif;
	background-color:#dbe3bf;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a.standard {font-weight:bold; text-align:center;}
a.standard:link{	color:blue; text-decoration:underline;text-align:center;}
a.standard:visited{color:blue;text-decoration:none;text-align:center;}
a.standard:hover{color:blue;text-decoration:underline;text-align:center;}
a:hover {
	text-decoration: underline;
}
.center {text-align:center;font-weight:bold}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 110%;
 color: black;
}

#entendre{
 font-family: Verdana,Arial,sans-serif;
 font-size: 150%;
 color: #006699;
 text-align:center
}

h2{

 font-size: 100%;
 color: black;
 margin-left:15%
}

h3{
 font-size: 100%;
 color: #334d55;
 
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin-left:15%
}
#contenu h4.res {
	font-family: Arial,sans-serif;
	margin-right: 10%;
	margin-bottom: -1%;
	color:Black;
	font-weight:normal;
	text-align:justify;
	font-size:100%}
	
#contenu em.res {
	font-family: Arial,sans-serif;
	color:#900972;
	font-weight:bold;
	text-align:justify;
	font-size:100%}
	}

	
h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: disc;
 
}

ul ul{
 list-style-type: circle;
 font-weight: bold;
 ;
 
}

ul ul ul{
 list-style-type: none;
}



/***********************************************/
/* Mise en page                              */
/***********************************************/
#bandeau{
	width: 100%;
	height:100px;
	background-color:#c2cf9c;
			}

#bandacc{
	width: 100%;
	height:144px;
	background-color:#c2cf9c;
			}	

#bandacc h1{
	position:absolute;
	font-family: Arial,sans-serif;
	font-size: 150%;
	left:14%;
	width:70%;
	margin-top:2%;
	color:#900972;
	text-align:center;
	font-weight:bold;
}

#defil {
	display:block;
	position:absolute;
	width:60%;
	text-align:center;
	color:#004f24;
	left:20%;
	top:100px;
	font-size:140%;
	font-weight:bold;
		}

#contenuacc{
	display:block;
	position:absolute;
	width:100%;
	border-left: 1px solid black;
	border-top: 1px solid black;
	background-color:#dbe3bf;
			}			

#bandeau h1{
	position:absolute;
	font-family: Arial,sans-serif;
	font-size: 100%;
	left:14%;
	width:70%;
	margin-top:2%;
	color:#900972;
	text-align:center;
	font-size:130%;
	font-weight:bold;
}
#logorbe img {
display:block;
position:absolute;
	}		 

#but {
	display:block;
	position:absolute;
	width:155px;
	text-align:center;
	color:#004f24;
	right:3%;
	top:5%;
	font-size:80%;
	font-weight:bold;}

#degrade{

	display:block;
	position:absolute;
	top:15%;
	}
	

	#ondeacc {
	display:block;
	position:absolute;
	}
#acces {
	display:block;
	position:absolute;
	height:300px;
	right:8%;
	top:14%;
	}
#accesimg {
	display:block;
	position:absolute;
	width:auto;
	right:8%;
	top:32%;
	}
		
#acc1 {
	display:block;
	position:absolute;
	left:3%;
	top:41%;
	}
#acc2 {
	display:block;
	position:absolute;
	left:65%;
	top:32%;
	}

#acc3 {
	display:block;
	position:absolute;
	left:45%;
	top:90%;
	}

#acc3 h1{
	color:yellow;
	font-size:140%;
}
#but2 {
	display:block;
	position:absolute;
	width:155px;
	text-align:center;
	color:black;
	right:3%;
	top:5%;
	font-size:80%;
	font-weight:bold;}
	
#menu{
	display:block;
	margin: 0 0 0 0%;
	padding: 0px;
	width:auto;
	font-size:80%;
	font-weight:bold;
	color:#004f24;
	background-color:#c2cf9c;
	border-left: 1px solid #ccc;

}

#contenu{
	display:block;
	position:absolute;
	width:82%;
	margin-left: 15%;
	padding: 0 3% 0 0;
	border-left: 1px solid black;
	border-top: 1px solid black;
	background-color:#dbe3bf;
}

#contenu p {margin-top: -10%;text-align:justify;}
#contenu h1 {	margin-left:15%}
#contenu ul {	margin-left:15%}
#contenu li {	margin-top: 0.5%;}


/***********************************************/
/*Composant Division                               */
/***********************************************/

#nomsite{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	text-align:center;
}


/*************** #pageName styles **************/

#nompage{
	padding: 0px 0px 10px 10px;
}



/************** .feature styles ***************/

.texte{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.texte h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
	font-size: 140%;
}
.texte P{
	font-size: 130%;
	
}

.texte img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
#menu ul a.actif:link {	background-color: #dbe3bf;	padding: 2px 0px 2px 10px;	color:#004f24;}
#menu ul a.actif:hover {	background-color: #dbe3bf;	padding: 2px 0px 2px 10px;	color:#004f24;}
#menu ul a.actif:visited {	background-color: #dbe3bf;	padding: 2px 0px 2px 10px;	color:#004f24;}

#contenu a.bn:hover {color:white;text-decoration:underline;background-color:black; font-weight:bold;}

#contenu a.nb:hover {color:black;text-decoration:underline;background-color:white; font-weight:bold;}

#contenu a.cl:hover {color:black;text-decoration:underline;background-color:#dbe3bf; font-weight:bold;}

#contenu a.bn {font-weight:bold;}

#contenu a.nb {font-weight:bold;}

#contenu a.cl {font-weight:bold;}

/* adjust margins to change separation between the feature image and text flowing around it */



/************* #siteInfo styles ***************/

#pied{
	clear: both;
	font-size: 80%;
	text-align:right;
	color: #cccccc;
	margin-bottom:5%;
	
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#pied img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/*********** #navBar link styles ***********/

#menu ul a:link, #menu ul a:visited {display: block;}
#menu ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menu li {margin-top:1%;}

/* fix for browsers that don't need the hack */



/*********** #sectionLien styles ***********/

#sectionLien{
	margin: 0px;
	padding: 0px;
	font-size: 95%;
	font-weight:bold;
}

#sectionLien h3{
	padding: 10px 0px 2px 10px;
}

#sectionLien a:link{
	padding: 2px 0px 2px 10px;
	width: 100%;
	color:#004f24;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}

#sectionLien a:visited{
	background-color: #c2cf9c;
	padding: 2px 0px 2px 10px;
	color:#004f24;
	
}

#sectionLien a:hover{
	background-color: #dbe3bf;
	padding: 2px 0px 2px 10px;
	color:#004f24;
}


/************** #Bandeau styles **************/

#bandeau{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	
}



#som1 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;left:10%;top:25%;font-size:100%;font-weight:bold;}
#som2 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;left:41%;top:25%;font-size:100%;font-weight:bold;}
#som3 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;right:10%;top:25%;font-size:100%;font-weight:bold;}
#som4 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;left:25%;top:20%;font-size:100%;font-weight:bold;}
#som5 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;right:25%;top:20%;font-size:100%;font-weight:bold;}
#som6 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;right:25%;top:30%;font-size:100%;font-weight:bold;}

#som7 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;right:14%;top:40%;font-size:100%;font-weight:bold;}


	
#liencentrer {
	display:block;position:absolute;width:100%;text-align:center;color:#004f24;font-size:100%;font-weight:bold;}

	
	
#liensom1 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;left:10%;top:60%;font-size:100%;font-weight:bold;}
#liensom2 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;left:41%;top:60%;font-size:100%;font-weight:bold;}
#liensom3 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;right:10%;top:60%;font-size:100%;font-weight:bold;}
#liensom4 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;left:25%;top:55%;font-size:100%;font-weight:bold;}
#liensom5 {
	display:block;position:absolute;width:152px;text-align:center;color:#004f24;right:25%;top:55%;font-size:100%;font-weight:bold;}

#contenu a:link{color:blue;}
#contenu a:hover{	background-color: yellow;color:blue;}
#contenu a:visited{color:blue;}

ul.res {
	padding: 0px 0px 0px 0px;
 	text-align:left;
	margin-top:10%;
	list-style-image: url(images/puce.gif)
	}
	
	
li.descrip {
	text-align:left;
	padding: 10px 0px 0px 0px;
	margin-left:2%;
	list-style-image: none;
	}
	
#ress {
	display:block;position:absolute;text-align:center;color:#004f24;left:75%;top:10%;font-size:100%;font-weight:bold;}


		
#ressant2 {
	display:block;
	position:absolute;
	text-align:center;
	left:70%;
	top:35%;
		}
#ressant3 {
	display:block;
	position:absolute;
	text-align:center;
	left:83%;
	top:18%;
		}
		#ressant4 {
	display:block;
	position:absolute;
	text-align:center;
	left:80%;
	top:55%;
}


@media print {

#menu{	
	display:none;
}

#but{	
	display:none;
}
#onde{	
	display:none;
}
#contenu{	
	display:block;
	position:absolute;
	background-color:#dbe3bf;
}

#contenu p {}
#contenu h1 {font-family: Verdana,Arial,sans-serif;
 font-size: 80%;margin-bottom:2%;	}
#contenu h2 {font-family: Verdana,Arial,sans-serif;
 font-size: 80%;margin-bottom:1%	}
 
#contenu ul {	}
#contenu li {	}

#bandeau h1 {font-family: Verdana,Arial,sans-serif;
 font-size: 100%;	}
}
		