/* CSS Document */

body  {
	font: 13px corbel, Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	background:url(sary/bg_body.png) repeat-y;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
.iframe_header {
	margin: 0px 0px 0px 0px;
	height: 220px;
	width: 610px;
	background-color: #ffffff;
}
.iframe_droite {
	margin: 0px;
	height: 520px;
	width: 160px;
	background-color: #ffffff;
	vertical-align:top;
}
.iframe_footer {
	margin: 0px 0px 0px 0px;
	height: 100px;
	width: 580px;
	background-color: #ffffff;
}
.header_column {
	height: 150px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: large;
	background-position: top;
}
.droite_column {
	height: 300px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: large;
	background-position: top;
}
.footer_column {
	height: 100px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: large;
	background-position: top;
}

a{ 
	margin: 0px; 
	padding: 0;
	text-align:center;
	color:#000;
	font-size:12px;
	text-decoration:none;
}
a:hover{ 
	text-align:center;
	color: #acc34e
}

h3{
	font-variant:small-caps;
	color:#acc34e;}
b {
	color: #609;
}
font{
	color:#628EA0;
	font: 13px corbel;
}
p {
margin: 0 0 10px 0;
}
#conteneur {
width:850px;
margin:0 auto;
background-color:#ffffff;
}
.header{
	height:30px;
	margin-left:50px;
	margin-top:30px;
	}
#centre {
	
background-color:#ffffff;
margin-left:0px;
margin-right: 200px;
}
#droite {
float:right;
width: 200px;
top:100px;
}
#pied {
clear:both;
background-color: #ffffff;
}

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}

.thrColAbsHdr #container { 
	position: relative;
	width: 850px;
	background:transparent;
	margin: 0 auto;
	margin-top: 0px;
	border:0;
	text-align: left; 
} 
.thrColAbsHdr #mainContent { 
	margin: 0px; 
	padding: 0 10px;
}

.thrColAbsHdr #footer { 
	padding: 0px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#ffffff;
} 
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.bgtop{
	width:100%;
	height:30px;}
#contenu{
	text-align: justify;
	color:#000000;
	font: normal 15px corbel, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
	}
.retrait{
	margin-left:50px;
	list-style-image:url(Sary/list-style.jpg);
	list-style-position:outside;

	}
.slogan{
	text-align: justify;
	color:#609;
	font: normal 14px corbel, Arial, Helvetica, sans-serif;
	font-style:italic;
	}

.titre_kely{
	color:#9365ab;
	font: normal 14px corbel, Arial, Helvetica, sans-serif;
	border-bottom: dashed 1px #639;
}
form {
border : 5px;
padding:5px;
margin:0px;
}


legend {
color:#669AC6;
}

form label.text {
	display:block;
	float: left;
	width: 40%;
	text-align: right; 
	margin: 5px 0 0 0;
	padding: 0px;
}

input.text, textarea.text,input.warning, textarea.warning  { 
  border-color:#dadada; 
  border-style:solid; 
  border-width:1px; 
  margin:0px;
	width:200px;
}


 textarea.text  {
 width:200px;
 height:80px;
 }
.center {
	text-align:center;
}
.button {
	margin-top:5px;
	cursor:pointer;
	border: 0px solid #ffffff;
	padding: 0px 10px 0px 10px;	
	color:  #ffffff;
	background-color: #669AC6;	
			
}