@charset "utf-8"; 

/*  Theme Name: Oujevais - Version: 1.1  */

/*  24/03/10 - Ce thème comporte à ce jour du CSS 3, certaines fonctionalités ne fonctionne que sur webkit   */
* 							{ 	margin: 0; padding: 0; }
body  						{ 	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #181818; background: #ffffff; margin: 0; padding: 0;}

/* Polices */
@font-face { font-family:"Century_Gothic"; src:url('../fonts/Century_Gothic.ttf');  }

/* styles globaux -------------------------------------------------------------------------------------------------- */			
a:link						{ 	text-decoration: none; color: #a072ab; border: 0px; -moz-outline-style: none; -webkit-transition-property: color; -webkit-transition-duration: 1s; -moz-transition-property: color; -moz-transition-duration: 1s; transition-property: color; transition-duration: 1s; }
a:hover 						{ 	text-decoration: none; color: #c7d212; border: 0px;}
a:visited 					{ 	text-decoration: none; border: 0px; }
a:focus 						{ 	outline: none; -moz-outline-style: none; }
fieldset 						{ 	border: none; }
hr 							{ 	display: none; }
h1							{	font-family: Century Gothic, Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 35px; color: #a072ab; border-bottom: 1px solid #1a171b; margin: 0 0 12px 0; padding: 0;}
h2							{	font-family: Century Gothic, Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #a072ab; margin: 0 0 8px 0; padding: 0; }
h3							{ 	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #a072ab; margin: 0 0 6px 0; padding: 0; }
h4							{	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #a072ab; margin: 0; padding : 0; }
iframe 						{	width: 940px; height: 500px; margin: 0; padding: 0; }
input 						{	border: 1px solid #a072ab; background-color: #EFEFEF; color: #585858; margin: 15px 0 0 15px; padding: 3px;	}
img  							{	border: none; margin: 0; padding : 0; text-align: center; }
legend 						{ 	display: none; }
option						{	border-bottom: 1px dotted #a072ab; background-color: #EFEFEF; color: #585858; margin: 0; padding: 1px;	}
p 							{	line-height: 1.5em;	color: #181818; margin: 0; padding: 0; }
table 						{ 	border-collapse: collapse; width: 100%; }
textarea						{	border: 1px solid #a072ab; background-color: #EFEFEF;	color: #585858; margin: 0; padding: 3px;	}

/* Top Menu ------------------------------------------------------------------------------------------------------ */
#topMenu 					{	text-align: right; height: 15px; width: 990px; margin: 0; padding: 30px 0 5px 0; }
#topMenu_zone_droite a 		{	text-decoration: none; margin: 0; padding: 0 15px 0 15px; -webkit-transition-property: color; -webkit-transition-duration: 1s; -moz-transition-property: color; -moz-transition-duration: 1s; transition-property: color; transition-duration: 1s; }
#topMenu_zone_droite a:hover { 	text-decoration: none; color: #a072ab; }
#topMenu_zone_droite a:visited { text-decoration: none; }

/* Header -------------------------------------------------------------------------------------------------------- */
#banniere					{	width: 990px; height: 90px; margin: 0; padding: 0; }
#header 						{	width: 990px; height: 90px; margin: 0; padding: 0; }

/* Menu ---------------------------------------------------------------------------------------------------------- */
#menuPrincipal 				{	width: 992px; height: 22px; background-image: url(../images/barre_menu.jpg); background-repeat: repeat-x; margin: 0 0 0 -2px; padding : 0; }
#menuPrincipal a				{	font: 14px Arial, Verdana, Helvetica, sans-serif; color: #ffffff; text-decoration: none; padding: 4px 47px 2px 47px; }						
#menuPrincipal a:hover 		{ 	background-image: url(../images/barre_menu_hover.jpg); background-repeat: repeat-x; background-color: #a072ab; margin: 0;}
#menuSelected 				{	background-color: #a072ab; height: 22px; margin: 0; padding: 0; }
#menuSelected a 				{	font: 14px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: #EFEFEF; border-left: 2px solid #ffffff; margin: 0; padding: 4px 47px 2px 47px; }
.menuPrincipal_zone 			{	float: left; border-left: 2px solid #ffffff; height: 17px; margin: 0; padding: 3px 0 2px 0; }
.menuPrincipal_zone a 		{	font: 14px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0; }

/* Body ---------------------------------------------------------------------------------------------------------- */
#colonne_gauche				{	float: left; height: 400px; width: 313px; margin: 0; padding: 0 25px 0 0; }
#colonne_centre				{	float: left; height: 400px; width: 275px; margin: 0; padding: 0 25px 0 0; }
#colonne_droite				{	float: left; height: 400px; width: 300px; margin: 0; padding: 0; }
#contenuBg 					{	width: 990px; background-color: #ffffff; padding: 0; }
#global						{ 	width: 990px; margin: 0 auto 0 auto; }
#formulaire_Flash 			{	float: left; width: 990px; height: 660px; margin: 0; padding: 0;}
#mentions_contact 			{	float: left; width: 938px; border-left: 1px solid #a65e92; border-right: 1px solid #a65e92;	margin: 0; padding: 0 25px 0 25px;}
#mentions_contact_tableau	{	float: left; width: 420px; margin: 0 235px 25px 275px; padding: 0; }
#print		 				{	width: 150px; height: 16px; margin: 0; padding: 0; }
#zoneTexte 					{	float: left; width: 938px; border-left: 1px solid #a65e92; border-right: 1px solid #a65e92;	margin: 0; padding: 25px;}
#zoneTexte  b				{	font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #444444; line-height: 1.5em; }
#zoneTexte p 				{	text-align: justify; }
#zoneTexte_classique		{	width: 940px; height: 500px; margin: 0; padding: 25px; }
#zoneTexte_classique_centre	{	float: left; width: 580px; height: 484px; font: 15px Calibri, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding: 0 0 0 350px; }
#zoneTexte_classique_droite	{	float: right; width: 450px; height: 484px; font: 15px Calibri, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding: 0; }
#zoneTexte_classique_gauche	{	float: left; width: 420px; height: 484px; font: 15px Calibri, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding: 0; }
#zoneTexte_footer 			{	float: left; width: 990px; height: 95px; background-image: url(../images/twiice-bg_footer.jpg); background-repeat: no-repeat; margin: 0; padding: 0; }

/* Footer -------------------------------------------------------------------------------------------------------- */
#footer 						{	height: 50px; width: 990px; margin: 0; padding: 10px 0 15px 0; }
#footer_mentions 			{	height: 25px; width: 990px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; font-size: 10px; color: #3F3F3F; margin: 0; padding: 5px 0 0 0; }
#footer_zone-menu			{	height: 25px; width: 940px; margin: 0; padding: 0 0 0 25px; }
#footer_zone-menu a   		{ 	text-decoration: none; color: #1a171b; -webkit-transition-property: color; -webkit-transition-duration: 1s; -moz-transition-property: color; -moz-transition-duration: 1s; transition-property: color; transition-duration: 1s; }
#footer_zone-menu a:hover 	{ 	text-decoration: none; color: #a072ab; }
#footer_zone-menu a:visited 	{ 	text-decoration: none; }
#footer_zone-menu td			{	font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; font-size: 10px; color: #7F7F7F; margin: 0; padding: 3px 10px 10px 10px;}

/* Classes globaux */
.block_align				{	text-align: center; margin: 0; padding : 0; }
.img_texte_gauche			{ 	float: left; margin: 0; padding: 0 20px 20px 0; }
.img_texte_gauche_2			{	float: left; margin: 0; padding: 0 20px 0 0; }
.img_texte_gauche_3			{	float: left; margin: 0; padding: 0 10px 10px 0;}
.img_texte_droite			{	float: right; margin: 0; padding: 0 0 20px 20px; }
.p1							{	font: bold 18px Calibri, Verdana, Arial, Helvetica, sans-serif; color: #783163; text-align: justify; line-height: 1.6em; }
.p2							{	font: bold 16px Calibri, Verdana, Arial, Helvetica, sans-serif; color: #a072ab; line-height: 1.6em; }
.p3							{	font: bold 14px Calibri, Verdana, Arial, Helvetica, sans-serif; color: #AF78A1; line-height: 1.3em; }
.p4							{	font: bold 13px Calibri, Verdana, Arial, Helvetica, sans-serif; color: #585858; line-height: 1.5em; text-align: justify; }
.souligne					{	font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; color: #4A3B4F; margin: 0; padding: 0; }
.spacer 						{	clear: both; visibility: hidden; margin: 0; padding: 0; }
.infobulle					{ 	position: absolute; background: #6d3153; padding: 3px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #ffffff; text-align: center;}

