/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
}

/* Paragraphes */
p {
	margin: 0.1em 0 0.1em 0;
}

/* Liens */
a {
	text-decoration: none;
	outline:none;
}

a img {
	border: none;
	padding:0; 
	margin:0;
}

.petit { font-size: 14px; }

.center{text-align:center;}

.titre{	font-size:14px;	}

.sous-titre{ margin-top:10px; font-size:14px;	}
/* --- COULEURS --- */

/* Général */
body {
	color: #fff;
	background: url(img/bg.jpg) top left repeat-x; 
}
a {
	color: #0b5f65;
}
a:hover, a:focus {
	color: #0b5f65;
}

/* --- POSITIONNEMENT --- */

/* Page */

#global {
	width:980px;
	height:450px;
	margin:100px auto 0 auto;
}

#flash {
	float:left;
	width:700px;
	height:430px;
	background:url(img/bg_flash.jpg) no-repeat top left;
}

#droite {
	float:left;
	background:url(img/right.jpg) no-repeat top left;
	width:280px;
	height:430px;
}

#footer{
	float:right;
}

#footer p {
	color: #0b5f65;
	font-size:11px;
}

/* Homepage */

#droite_homepage{
	margin:30px 0 0 18px;
}

#form_homepage{ margin-top:20px; }

label{
	width:70px;
	float:left;
}

#form_homepage p{
	font-size:15px;
	margin:5px 0;
}

/* Quiz */

#droite_quiz{
	margin:20px 0 0 18px;
}

#droite_quiz input.radio{
	margin:0;
	padding:0;
}
* html #droite_quiz input.radio{height:15px;}

.question{ margin-bottom:10px;font-size:12px; }

.indice {float:right; margin:-13px 20px 0 0;}

.indice a { color:#2199a1;  background:url(img/indice.jpg) top right no-repeat; padding:0px 22px 3px 0;}

/* Viral */

#droite_viral{ margin:20px 0;}

#form_viral{margin:30px 0 0 18px;}

/* Merci */

#droite_merci{margin-top: 30px;padding-right:10px;}

#droite_merci #cathay{/*padding-right:15px;*/
	margin:20px 0 7px 20px;font-size:11px;
	/*text-align: justify;*/
}

/* Element Formulaire */

input.input_text_home {width:170px; height:20px; margin:0 10px 10px 0; border:none; background:url(img/bg_input.jpg) top left no-repeat;}

input.input_text_viral {width:140px; height:20px; margin:0 0 7px 0; border:none; background:url(img/bg_input_viral.jpg) top left no-repeat; float:left;}

.select{width:240px; height:20px; background:url(img/bg_select.jpg) top left no-repeat;}

select{ border:none; height:20px;  font-size:11px; width:230px; margin:0 0 0 5px; }

.validez { width:150px; height:40px; background:url(img/bt_validez.jpg) top left no-repeat; font-size:0; border:none; margin:15px 15px 0 0; float:right; cursor:pointer;}
* html .validez { margin:13px 20px 0 0; }

.validez2 { width:150px; height:40px; background:url(img/bt_validez.jpg) top left no-repeat; font-size:0; border:none; margin:15px 45px 0 0; float:right; cursor:pointer;}
* html .validez2 { margin:13px 20px 0 0; }

.val_quiz{ margin:5px 15px 0 0; }

.envoyez { width:150px; height:40px; background:url(img/bt_envoyez.jpg) top left no-repeat; font-size:0; border:none; margin:0 45px 0 0; float:right; cursor:pointer;}

.bt_passer{
	float:right;
	width:150px;
	height:40px;
	background:url(img/bt_passe.jpg) top left  no-repeat; 
	margin: 0px 45px 0 0;
}

.bt_cliquez{
	float:right;
	width:150px;
	height:40px;
	background:url(img/bt_cliquez.jpg) top left  no-repeat; 
	margin: 10px 65px 0 0;
}

.bt_plus{
	float:right;
	height:20px;
	width:20px;
	margin:0 20px 0 0;
	background:url(img/plus.jpg) top left no-repeat;
}


#div_filleul { min-height:175px; }

#share_this { text-align:center; margin:0; margin-top: 10px; }
#share_this img { margin:5px 0px -4px 10px; }
#share_this a,
#share_this img { text-decoration:none; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#share_this a:hover { text-decoration:underline; }