/******************************************************************************************
	
	importation des feuilles de styles

- reset.css pour reinitialis� les styles de facon homog�ne quelque soit le navigateur
- layout.css en fonction du template du site
- GBstyles.css pour les styles utilis� dans GenieBuilder

******************************************************************************************/
@import "ttcss_reset.css";
@import "ttcss_layout.css";
@import "ttcss_nav.css";
@import "ttcss_GBstyles.css";

body {
	background-color: #dedede;
	text-align: justify;
}
.spacer {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}

/*****
texte
*****/
strong 			{ font-weight: bold;	}
.alignleft 		{ text-align: left; 	}
.alignright 	{ text-align: right; 	}
.justify 		{ text-align: justify; 	}
.center			{ text-align: center;	}
.italic 		{ font-style: italic;   }
.underline  	{ text-decoration: underline;}
.upper 			{ text-transform: uppercase;}
.important 		{color: #0ba4f0; }
p,
.content,
.standard,
.left_col  {
	font: normal 12px Tahoma;
	color: #000;
}
.right_col {
	font: normal 11px Tahoma;
	color: #000;
}
/******
divers
******/
.noborder { border:none;}

/*****
	titres
******/

h1 {
	font: bold 14px Tahoma;
	color: #ffc000;
	height: 18px;
	line-height: 17px;
	margin: 0 0 22px 0;
}

.right_col h1 {
	height: 31px;
	display: block;
	margin: 0;
}
h1 {
	width: 556px;
}
.right_col h1 span{
	display: none;	
}
h2 {
	font: bold 12px Tahoma;
	color: #000;
}
/*****
	liens
******/
a {
	font: normal 12px Tahoma;
	color: #0ba4f0;
	text-decoration: none;
}

a:hover {
	font: normal 12px Tahoma;
	color: #0ba4f0;
	text-decoration: underline;
}

a.lien_contact {
	display: block;
	width: 93px;
	height: 27px;
	background: url("btn_contact.png") top left no-repeat;
	position: absolute;
	bottom: 0px;
	right: 30px;
}
a.lien_contact span {
	display: none;	
}
/*****
Navigation : barre de langue
******/
ul#navLangue {
    position: absolute; 
    top: -20px; 
    right: 25px;
    font-size:13px;
    color:grey;
}
ul#navLangue li {
    float: left; 
    height:10px;
}
ul#navLangue li span.sepList {
    margin:0 10px;
    font-size:10px;
}
ul#navLangue li a {
    position: static; 
    display: inline;
}
ul#navLangue li a.on,
ul#navLangue li a:hover {
    color:black;
    text-decoration:none;
}
/*****
paragraphes colonnes droite	
******/
.right_ col {
	font: normal 11px Tahoma;	
}
/*****newsletter*****/

.right_col .para_newsletter {
	width: 171px;
	border: 1px solid #dd9e40;
	position: relative;
	margin: 0 0 0 26px;
}

.right_col .para_newsletter h1 {
	background: url("bg_titre_right_col_newsletter.png") top left no-repeat;
}
.right_col .para_newsletter input {
	width: 141px;
	height: 22px;
	display: block;
	border: 1px solid #000;
	margin: 0 0 20px 13px;	
}
.right_col .para_newsletter input.bouton_validation_newsletter {
	display: block;
	margin: 0 0 10px 128px;
	width: 25px;
	height: 12px;
	border: none;
	
}
.right_col .para_newsletter a.valider {
	width: 25px;
	height: 12px;
	display: block;
	background: url("btn_valider.png") top left no-repeat;
	position: absolute;
	margin: 0 11px 0 0;
	bottom: 8px;
	right: 0px;	
}

.right_col .para_newsletter a.valider span {
	display: none;	
}

/***** actualites ******/
.right_col .para_actus,
.right_col .para_actus_EN {
	width: 171px;
	border: 1px solid #dd9e40;
	position: relative;
	margin: 37px 0 0 26px;
}

.right_col .para_actus h1 {
	background: url("bg_titre_right_col_actus.png") top left no-repeat;
}
.right_col .para_actus_EN h1 {
	background: url("bg_titre_right_col_actus_EN.png") top left no-repeat;
}
.right_col .para_actus .actus_content,
.right_col .para_actus_EN .actus_content {
	padding: 0 15px 22px 12px;	
}

/***** tests ******/
.right_col .para_tests,
.right_col .para_tests_EN {
	width: 171px;
	border: 1px solid #dd9e40;
	position: relative;
	margin: 37px 0 0 26px;
}
.right_col .para_tests h1 {
	background: url("bg_titre_right_col_tests.png") top left no-repeat;
}
.right_col .para_tests_EN h1 {
	background: url("bg_titre_right_col_tests_EN.png") top left no-repeat;
}
.right_col .para_tests .tests_content,
.right_col .para_tests_EN .tests_content {
	padding: 0 15px 22px 12px;
	text-align: left;	
}

/****** charte isodis *****/
.right_col .para_charte {
	margin: 31px 0 0 0;
}
.right_col .para_charte .charte_isodis {
	width: 199px;
	height: 62px;
	display: block;
	background: url("bg_charte_isodis.png") top left no-repeat;
}
.right_col .para_charte .charte_isodis_EN {
	width: 199px;
	height: 62px;
	display: block;
	background: url("bg_charte_isodis_EN.png") top left no-repeat;
}

.right_col .para_charte .charte_isodis span,
.right_col .para_charte .charte_isodis_EN span {
	display: none;
}
/****** paragraphe prehome ******/
.prehome_content {
	width: 746px;
	height: 418px;
	background: url("img_prehome.jpg") top left no-repeat;
	position: relative;
	color:#5c5c5c;
	font: normal 12px Tahoma; 
}

.prehome_content .link_FR {
	display: block;
	position: absolute;	
	top :40px;
	left: 9px;
}
.prehome_content .link_EN {
	display: block;
	position: absolute;	
	top :146px;
	left: 9px;
}

/****** presentation produit ******/
.presentation_produit_visuel {
	float: left;
	background: url("bg_visuel_associe_produit.png") top left no-repeat;
	width: 136px;
	height: 205px;
	padding: 0 22px 9px 0;
}

.presentation_produit_visuel img {
	display: block;
}

/****** paragraphe home ******/
.OM3 { 
	display:block;
	height:124px;
	left:15px;
	position:absolute;
	top:36px;
	width:134px;
	z-index:50;
}
.OM3_EN { 
	display:block;
	height:124px;
	left:80px;
	position:absolute;
	top:36px;
	width:134px;
	z-index:50;
}
.OM3menopause {
	display:block;
	height:135px;
	left:327px;
	position:absolute;
	top:202px;
	width:130px;
	z-index:50;
}
.OM3junior {
	display:block;
	height:166px;
	left:205px;
	position:absolute;
	top:0;
	width:338px;
	z-index:50;
}
.OM3junior_EN {
	display:block;
	height:124px;
	left:337px;
	position:absolute;
	top:36px;
	width:135px;
	z-index:50;
}
.OM3memory {
	display:block;
	height:127px;
	left:113px;
	position:absolute;
	top:203px;
	width:137px;
	z-index:50;
}
.CARDIOM3 {
	display:block;
	height:135px;
	left:18px;
	position:absolute;
	top:202px;
	width:130px;
	z-index:50;
}
.OM3flex {
	display:block;
	height:125px;
	left:399px;
	position:absolute;
	top:200px;
	width:128px;
	z-index:50;
}
.OM3vital {
	display:block;
	height:132px;
	left:373px;
	position:absolute;
	top:204px;
	width:128px;
	z-index:50;
}
/* pages de test isodis */
.testTable { 
	margin:5px 0 15px;
}
.testRow { 
	background-color:#f0f0ee; 
	padding:2px 4px 0; 
}
.testInput { 
	width:20px;
	height:18px;
	padding-left: 10px; 
}
.testContent { 
	font-size:10px; 
	color:#000000; 
}
/**** Formulaire ****/
form#FORM_NEWSLETTER p {
	display: block;
	height: 22px;
	clear: both;
	margin: 0 0 15px 0;
	width: 448px;
	line-height: 18px;
}

form#FORM_NEWSLETTER label {
	color: #FFC000;
	display: block;
	width: 180px;
	text-align: right;
	font: bold 12px Arial;
	float: left;
	margin: 0 15px 0 0;
}
form#FORM_NEWSLETTER input {
	border:1px solid #000000;
	display:block;
	height:18px;
	margin:0;
	width:250px;
	float: left;
	line-height: 18px;
}
form#FORM_NEWSLETTER input#jour {width:30px;margin:0 10px 0 0;}
form#FORM_NEWSLETTER input#mois {width:30px;margin:0 10px 0 0;}
form#FORM_NEWSLETTER input#annee {width:60px;}
form#FORM_NEWSLETTER input.bouton_validation_newsletter {
	border:medium none;
	display:block;
	height:12px;
	margin:0;
	width:25px;
	float: right;
}
form#FORM_NEWSLETTER .bouton_validation_newsletter_desinscription {
	border:medium none;
	display:block;
	height:12px;
	margin:0;
	width:25px;
	float: left;
}