body,p,table,tr,div,span,input,textarea {
	font-family: tahoma, verdana, arial, sans-serif;
}

input, textarea{
	font-size:12px;	
}

a{
	color: #888888;
	text-decoration: none;
}

A:hover {
	color: #E11284;
	text-decoration: none;
}

/* content */
#content {
	text-align: left;
	width: 700px;
	margin: 0 auto
}

#navigation {
	top: 120px
}

/* left and right conent */
.container2 {
	height: 50px;
}

.onglet_invitation {
cursor:pointer;
float:left;
height:41px;
}

.left-element {
	float:left;
	width: 30%;
	margin: 4;
	white-space: wrap;
	padding: 4;
}

.right-element {
	float:left;
	right: 0;
	width:65%;
	text-align: left; /* depends on element width */
	margin: 4;
	font-size:13px;
	white-space: wrap;
	padding: 0px;
	padding-left:15px;
}

.right-element h1{
	font-size:20px;

}

.piedspage{
	color:#6F6F6F;
	font-size:11px;
	text-align: center;
}

.small{
	color:#6F6F6F;
	font-size:11px;	
}

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}

div.float {
	float: left;
}

h1, h1 a{
	color: #E11284;
	font-weight : bold;
	font-size: 22pt;
	line-height: 14pt;
	font-family: arial;
	font-variant: normal;
	font-style: normal;
}

h2{
	color: green;
	font-weight : bold;
	font-size: 16pt;	font-family: arial;
	font-variant: normal;
	font-style: normal;
	float:left;
	padding-left:40px;
}

h3{
	color:green;
	font-size: 16px;
	font-family:Arial;
}

ol{
	margin-top: 5px;
	margin-bottom: 5px;
}

.exempleQuestionnaire
{
	padding-top:10px;
	float:right;
	font-size: 12px;
	color:#E11284;	
}

.exempleQuestionnaire a
{
	color:#E11284;
}

ol li{
	font-size:14px;
}

ul.presentation{
	margin:0;
}
ul.presentation li{
	font-size: 12px;
	margin:0;
	padding:0;
}

/* styling post */
.thinborder {
	float: left;
	border: solid 1px yellowgreen;
	padding: 5px;
	margin-right: 5px;
}

.dropcap {
	float: left;
	font: normal 60pt/ 0.8em georgia, helvetica, verdana, arial, sans-serif;
	color: yellowgreen;
	margin-right: 3px;
}

.pullout {
	width: 30%;
	padding: 10px;
	background-color: yellowgreen;
	color: #f5f5f5;
	float: right;
	font: bold 14pt/ 1em arial, helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.05em;
	margin: 5px;
	clear: both;
}

.green{
	color: #f5f5f5;
	background-color: yellowgreen;
	color: #f5f5f5;
	font: bold 12pt/ 1em arial, helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.05em;
	padding: 5px;
}

/* blockquote styling */
blockquote.withline {
	font-family: "arial", courier, monospace;
	text-align: justify;
	padding: 5px;
	border-left: 1px solid yellowgreen;
}

/* rounded corners */ /* set millions of background images */
.rbroundbox {
	background: url(images/nt.gif) repeat;
}

.rbtop div {
	background: url(images/tl.gif) no-repeat top left;
}

.rbtop {
	background: url(images/tr.gif) no-repeat top right;
}

.rbbot div {
	background: url(images/bl.gif) no-repeat bottom left;
}

.rbbot {
	background: url(images/br.gif) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop div,.rbtop,.rbbot div,.rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.rbcontent {
	margin: 0 7px;
}

.rbroundbox {
	width: 100%;
	margin: 1em auto;
}

/* navigation listamatic*/
#navcontainer {
	width: 12em;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #333;
}

#navcontainer  ul#navlist {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navcontainer #navlist li {
	border-bottom: 1px solid #000000;
	margin: 0;
}

#navcontainer #navlist li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #ffffff;
	color: #888888;
	text-decoration: none;
	width: 100%;
	font-size:12px;
}

html>body #navcontainer #navlist li a {
	width: auto;

}

#navcontainer #navlist li a:hover {
	background-color: #E11284;
	color: #fff;
	
}

.onglet_invitation {
	cursor:pointer;
	float:left;
	height:41px;
	
}

#invitation_menu {
	position:relative;
	top:1px;
}

#result_invitation{
	text-align: center;
	padding:20px;
	font-size:13px;
}

.invitation_selected .onglet_invitation_right{
	background-image: url(images/ong-right.png);		
}

.invitation_selected .onglet_invitation_middle{
	background-image: url(images/ong-middle.png);	
}

.invitation_selected .onglet_invitation_left{	
	background-image: url(images/ong-left.png);	
}

.onglet_invitation_right{
	float:left;
	width:3px;
	height:41px;	
}

.onglet_invitation_middle{
	float:left;	
	height:39px;	
	padding:2px 3px 0 3px;	
}

.onglet_invitation_left{	
	float:left;		
	height:41px;			
	width:3px;
}



#invitation_content{
	border:1px solid #C5C5C5;
	height:120px;
	width:408px;
}

#invitation_content{
	border:1px solid #c5c5c5;
	width:408px;
	height:120px;
	float:left;
}

#invitation_content p{
	margin-left:20px;
	color:#4a85c6;	
}

#invitation_content label{
	display: block;
	float: left;
	width:50px;
	color:#4a85c6;
}

#loader_invitation
{
	margin:55px 0 0 20px;		
	text-align:center;	
}

#form_invitation_service
{
	padding-top:15px;	
}


#form_invitation_service label{
	width:100px;
}

.questionnaire{
	font-size:12px;	
}

/*crŽation de quest*/
#formulaire label
{
	width:120px;
	display:block;
	float:left;
}

#formulaire label.no{
	width:auto;
	display: inline;
	float:none;
}

.questionnaire .first label{
	width:150px;
	display:block;
	float:left;
}


.questionnaire .first label.no{
	width:auto;
	display: inline;
	float:none;
}


.questionnaire li{
padding-bottom:8px;
}

.questionnaire h1{
	font-size: 20px;
}

.questionnaire h1.titre{
	font-size: 16px;
	width:100%;
	padding-top:10px;
	border-bottom:1px dashed #E11284;
}

.questionnaire h2{
	font-size: 14px;
	float:none;
	padding-left:0px;
}