/* Copyright © Ephrem Sebatigita  socabu */

html {
margin:0
}
/*body {
font-family:georgia, serif;
margin:50px 100px 20px 150px;
*/
body {
	color: #000000;
	background-color: white;
	/*background-color: #214871;*/
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 76%;
	height: auto;
}

.clearboth { clear: both; }

.page {
width:750px;
background-color: #ffffff;
border: 1px solid #0000ff;
margin: 0px auto 0px auto;
padding:0px 10px 20px 10px;
	}
.page_2 {
width:50%;
background-color: #ffffff;
/*border: 1px solid #0bfb10;*/
margin: auto;
	}	
.page_3 {
width:40%;
background-color: #ffffff;
border: 1px solid #0bfb10;
margin: 0px auto 0px auto;
padding:20px 20px 20px 20px;
	}	
#motADG{
	text-align: justify;
	width:90%;
}	
#logo{
max-width:90px;
max-height:100px;
}

img {border:0}
/*titres*/

#header{
margin: 30px auto 0px auto;
border: 1px solid blue;
height:auto;
width:65%;
}

/*pied de page*/
#footer {
	clear:both;	
	width: 80%;
	padding-top: 20px;
	margin:50px auto 10px auto;
	/*white-space: nowrap;*/
	color: #0000ff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
}	

/* : hover*/
img.zoom { 
border:solid black; 
border-width:54px 78px;
width:314px;
height:100px
}

img.zoom:hover {	
border:10px solid black;
width:450px;
height:188px;
} 

#cadre1 {
	width: 60%;
	border:4px double white;
	padding: 10px;
	margin:auto;
	background-color:navy;
	height: auto;
	color:white;
	overflow: auto !important;
	overflow: inherit;
}
#cadre2 {
border:1px double #fff;
	width: 350px;
	padding: 20px;
	margin:auto;
	height: auto;
	background-color:navy;
	overflow: auto !important;
	overflow: inherit;
	text-align: center;
	color: white;
	font-family: Verdana, Helvetica;
}

#cadre3 {
	width: 350px;
	padding: 20px;
	margin:50px auto ;
	background-color: red;
	height:auto;
	overflow: auto !important;
	overflow: inherit;
	text-align: center;
	color: white;
	font-size:2em;
	font-family: Verdana, Helvetica;
}
#cadre4{
	width: 350px;
	border: 1px solid navy;
	padding: 2px;
	margin: 0px 65px 0px auto;
	background-color: white;
	height: auto;
	overflow: auto !important;
	overflow: inherit;
	text-align: center;
	color: black;
	font-family: Verdana, Helvetica;
}
#cadre5{
	width: 700px;
	border: 1px solid blue;
	padding: 2px;
	margin: 0px auto 0px auto;
	background-color: white;
	overflow: auto !important;
	overflow: inherit;
	text-align: center;
	color: black;
	font-family: Verdana, Helvetica;
}
#image1 {
	width:300px;
	background-image: url("../icones/ben07a.jpg");
	background-repeat: no-repeat;
	padding-top: 280px;
	text-align: center;
	line-height: 21px;
		}
#image2 {
	width: 270px;
	background-image: url("../icones/ben08a.jpg");
	background-repeat: no-repeat;
	padding-top: 275px;
	text-align: center;
	line-height: 21px;
		height:125px;
		}
	
#image3 {
	width: 270px;
	height:170px;
	background-image: url("../icones/telephone.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 300px;
	text-align: center;
	line-height: 21px;
		}
		#image4 {
	width: 270px;
	background-image: url("../icones/.jpg");
	background-repeat: no-repeat;
	padding-top: 300px;
	text-align: center;
	line-height: 21px;
		height:125px;
		}
		
/* affichage des objectifs dans la colonne gauche*/
#objectifs {
	width: 270px;
	text-align: left;
	line-height: 21px;
	margin: 70px auto 0px 10px
		}
a.bouton {
text-decoration:none ;
text-align:center;
width:250px;
display:block;
border-style:ridge ;
	margin: 0px auto 0px auto;
	background: url('../icones/background.jpg') repeat-x top;
	height: auto;
	text-align: center;
	color: #fff;
	font-family: Verdana, Helvetica;
} 
a.bouton:hover {
color:#000 ; 
	background: url('../icones/background2.jpg') repeat-x top;  
text-decoration: none; 
} 	

.title {
	background-image: url("../icones/bg-title2.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.droite {text-align: right;}
.gauche {text-align:left;}
.fort {
	font-size: 16px;
	font-weight: bold;
	}
.fort2 {
	font-size: 12px;
	font-weight: bold;
	}
	.petit {
	font: Veranda, Arial,bold italic 12px;
	text-align: center;
	}
.texte {
	font-size: 14px;
	font-weight: normal;
	}
.erreur{
margin:2px auto 2px auto;
background:red; color:white; width:40%;
font-weight:bold;
text-align:center;
}
	
/*couleur texte*/
.vert {
	color: #136619;
	}
	
.bleu {
	color:#0000ff;
	}
	
.jaune {
	color:yellow;
	}	
.orange {
	color:#ff6600;
	}
.rouge {
	color:red;
	}
.oblige {
	color:#ff0033;
	font-weight: bold;
	font-size: 16px;
	}
.fenetre{	
background-color:#dbfeab;
margin-right:-60px;
}
.titre	{ 
border: 1px solid navy; 
background: #807a7a; 
padding: 10pxpx; 
margin:2px auto 2px auto;
color: #ffffff; 
text-align:center;
font-weight: bold;
width:50%;
}
.Cadre1	{ border: 1px solid #807a7a; background: #FFFFFF; padding: 0px; }
.Cadre2	{ border: 1px solid #2b8c1b; background: #FFFFFF; padding: 0px; }
.Cadre3 { border:4px groove blue;    background-color:#eeeaad; text-align:center; 
				float:left; margin:auto auto auto auto; padding:50px;width: 250px;}
.recherche{width:90%;	 color: white; background-color: #807a7a; padding:2px;margin: 0px auto 0px auto;}			
/*
.inputText		{ border: 1px solid #51485F; font-family: verdana; font-size: 10px; }*/

/* Menu vertical */

ul.boutons {
	width: 180px;
	margin: 0;
	padding: 0;
	background-image: url("../icones/bg-select-mid.jpg");
	}
ul.boutons li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0;

	}
ul.boutons li a {
	margin-left: auto;
	margin-right: auto;
	width: 170px;
	text-align: center;
	font-size: 12px;
	border: none;
	color: black;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	font-weight: bold;
	/*border-bottom-color: #DFDFDF;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-top-color: #DFDFDF;
	border-top-style: dotted;
	border-top-width: 1px;*/
	}
ul.boutons li a:hover {
	background-color: #2b8c1b;
	display: block;
	text-decoration: none;
	color: #fff;
	
	}
td.list{
border:1px solid blue;
padding-left:5px;
}	
th.list{
background:navy;
border:1px solid #00cbcb;
color:white;
}
#news_page{
	width:800px;
  margin:20px auto 20px auto;
  padding:20px;
   background-color: white;
   border: 1px solid blue;
}

#news_titre{
	width:400px;
	height:50px;
	border: 0px solid green;
	margin:0px auto 50px auto;
	padding-left:20px;
	float:left;	
}
#news_image{
margin:0px 10px 5px 0px;
border: 0px solid green;
float:left;
}
#news_texte{
width:90%;
border: 0px solid green;
padding-left:20px;
float:left;
text-align:justify;
}

.clear {
    clear:both;
 }