/*
	Balises HTML
*/
img {
	border: none;
}

body  {
	background-image: url('images/fond.png');
	font-size: 11px;
	font-family: arial;

}
a  {
	color: #BABABA;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}
	
a:hover  {
	color: #BABABA;
	text-decoration: underline;
}

ul  {
	list-style-image: url('images/fleche.png');
}

/*
	Balises ID	
*/
#site  {
	width: 1020px;
	height: 780px;
	margin: auto;
	position: absolute center;
}

#nav_alert {
	width: 300px;
	height: 90px;
	position: absolute;
	top: 10px;
	right: 15px;
	background-color: white;
	border: 1px solid red;
	padding: 10px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	display: none;
}

/* -------------------------- */


#header  {
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	height: 35px;
	background-color: white;
}
	
#header-logo  {
	float: left;
	height: 130px;
	width: 600px;
	margin: 20px 0px 0px 30px;
	background-image: url('images/logo2.png');
	background-repeat: no-repeat;
}
#header-logo:hover {
	cursor: pointer;
}
	
#header-content  {
	float: right;
	color: #BABABA;
	height: 30px;
	margin-top: 35px;
	margin-right: 35px;
}

#header-content-text {
	float:right;
	margin-top:140px;
	margin-right:50px;
	color: #BABABA;
	font-family: arial;
}
	
#header-content input  {
	background-color: #BABABA;
	border: none;
}


/* -------------------------- */


#content  {
	padding: 0px;
	background-color: white;
	background-image: url('images/background_content.png');
	background-repeat: repeat-y;
	padding-top: 130px;
}

#photo{
	float:right;
	margin-top:-20px;
	cursor:pointer;}
	
#content-photo{
	display:none; 
	position:absolute; 
	z-index:100;
	left: 30%;
	top:30%; }
/* -------------------------- */


#content-links  {
	width: 98%;
	height: 25px;
	margin: auto;
	border-bottom : 1px solid #BABABA;
}
	
#content-links #onglets  {
	list-style-type : none;
	list-style-image: none;
	padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
	padding-left: 6px;
	margin: 0;
	font-family: verdana;
	font-size: 10px;
	font-weight: bolder;
}
	
#content-links #onglets li,#content-links #onglets li.nonactive  {
	float: left;
	height: 23px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: #DFDFDF;
	margin: 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
	margin: 4px 2px 0 2px;  /* Pour IE  */
	padding: 0 0 0 9px;
	border-bottom: 1px solid #BABABA;
	background: url("images/norm_left_on.gif") no-repeat left top;
	width: 150px;
	text-align: center;	
}
	
#content-links #onglets a,#content-links #onglets li.nonactive a   {
	display: block;
	color: #BABABA;
	height: 14px;
	text-decoration: none;
	background: url("images/norm_right_on.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
}
	
#content-links #onglets a:hover,#content-links #onglets li.active a,#content-links #onglets li.nonactive a:hover  {
	background: url("images/norm_right.gif") no-repeat right top;
	border-bottom: 1px solid #BABABA;
	color: black;
}
	
#content-links #onglets li:hover,#content-links #onglets li.active,#content-links #onglets li.nonactive:hover  {
	background: url("images/norm_left.gif") no-repeat left top;
	border-bottom: 1px solid #BABABA;
}

/* -------------------------- */


#content-presentation  {
	height: 180px;
	background-image: url('images/capture.png'); 
	background-repeat: no-repeat; 
	background-position: top right;
}
	
#content-presentation p.dynamic-content  {
	font-size: 14px;
	font-family: arial;
	margin: 0px 500px 0px 0px;
	padding: 10px;
}

table#table-presentation  {
	width: 40px;
	border-collapse: collapse;
}
	
table#table-presentation a  {
	color: black;
}
	
table#table-presentation tr td  {
	padding: 5px 9px 5px 9px;
	border-top: 1px black solid;
	border-left: 1px black solid;
	font-size: 11px;
	font-family: arial;
	font-weight: bolder;
	color: black;
}

table#table-presentation tr td:hover,table#table-presentation tr td:hover a, .pres_current_tab  {
	background-color: black;
	color: white;
}
	
table#table-presentation tr td a:hover  {
	color: white;
}

#div-presentation {
	position: absolute; 
	bottom: 0; 
	right: 0;
}


/*------------------------*/


#content-description, #content-down {
	padding-top: 10px;
}
#content-description {
	height: 220px;
}

#content-description div  {
	padding: 0px 0px 0px 10px;
	*padding: 0px 0px 0px 30px;
	display: block;
	border: 1px #BABABA solid;
	width: 315px;
	*width: 293px;
	margin: 0px;
	height: 220px;
}
	
#content-description #content-module1  {
	background: url('images/img-gd.png') no-repeat right bottom;
	float: left;
	margin-left: 16px;
}
	
#content-description #content-module2  {
	background: url('images/bonhomme2.png') no-repeat right bottom;
	float: right; 
	margin-right: 14px;
}
	
#content-description #content-module3  {
	background: url('images/bonhomme3.png') no-repeat right bottom;
	margin-left: 348px;

}
	
	
/*------------------*/
	
#content-down div  {
	display: block;
	height: 130px;
	padding: 5px 5px 5px 10px;
	border: 1px #BABABA solid;
	font-size: 11px;
	font-family: arial;
}
	
#content-down #content-down-news  {
	width: 470px;
	margin-left: 15px;
	float: left; 
}
	
#content-down #content-down-news div  {
	margin-top:-20px;
	border: none;
}
	
#content-down #content-down-doc  {
	float: right;
	width: 228px;
	margin-right: 14px;
}

#content-down #content-down-doc div {
	background-image: url('images/pdf.gif'); 
	background-repeat: no-repeat; 
	height: 40px; 
	padding-left: 30px; 
	padding-top: 0px;
	border: none;
}
	
#content-down #content-down-demo  {
	margin-left: 506px;
	width: 233px;
}

#content-module1 img , #content-module2 img, #content-module3 img {
	margin-top:5px;
}

#content-module1 ul , #content-module2 ul, #content-module3 ul {
	margin-left: -15px;
} 


/*-------------------------*/


#content-gene-header {
	margin: auto;
	
	background-image: url('images/boite-classeur.png'); 
	background-repeat: no-repeat; 
	background-position: top right;
}
#content-gene-header p {
	padding-left: 10px;
}

#content-gene-solution  {
	width: 450px;
	height: 323px;
	background-image: url('images/solution/schema1.png'); 
	background-repeat: no-repeat; 
	background-position: center 20px;
	border: 1px black solid;
	position: relative;
	float: right;
	margin: -2px;
}
#content-gene-solution  table {
	position: absolute; 
	bottom: 0; 
	right: 0;
}
p.p-right-bottom {
	float: right;
	background-color: red;
}

#content-gene-solution-description {
	padding-top: 270px;
	text-align: center;
}
#content-gene-solution-schema {
	float: left;
	padding-right:30px;
}

#content-gene-solution-mod li{
	margin-left: 300px;}

/*-----------------*/
	
#coordonnees,#formulaire {
	border: 1px #BABABA solid;
	height: 320px;
	width: 600px;
	margin: auto;
	padding: 5px;
}	
	
#coordonnees span {
	font-size: 13px;
	color: #bababa;
}

#coordonnees #carte {
	float: right;
}
		
#formulaire table {
	margin:auto;
}

#formulaire tr {
	color:#BABABA;
	font-size: 12px;
}

#message {
	height:70px;
}	
	
#msg_validate_mail   {
	text-align:center;
	margin:auto; 
	border: 1px #BABABA solid; 
	width: 300px; 
	height:100px;
}
	
#msg_envoyé  {
	font-size:20px; 
	color:#6b6565; 
	font-family: arial;
}

#msg_redirect_accueil {
	font-size:12px; 
	color:#6b6565; 
	font-family: arial;
}


/*--------------------*/
	
#footer  {
	background-image: url('images/footer.png');
	height: 30px;
	background-color: white;
	background-repeat: no-repeat;
	font-size: 11px;
	font-family: arial;
	padding-top:7px;
}

#footer p  {
	color: #BABABA;
	padding: 0px;
	margin: 0px;
	text-align:center;
}
	
/*-------------------------*/
	
/*classe*/

.savoir-plus  {
	float: left;
	margin-right: 10px;
	position: bottom left;
}

.savoir-plus-bottom-left {
	text-align: right;
}

.header {
	font-size: 14px;
	font-weight: bolder;
	font-family: Arial;
	margin-top:0px;
}

.corps  {
	width: 975px;
	margin: auto;
	padding: 5px;
	background-color: white;
	border: 1px #BABABA solid;
	position: relative;
	font-size: 12px;
	font-family: Arial;
}
	
.tab_tarif {
	font-family: arial;
	margin-top:5px;
	margin-right:6px;
	border: 1px solid #a8a8a8;
	float:right;
	width:500px;
	border-collapse: collapse;
}

.tab_tarif th {
	border: 1px solid #a8a8a8;
	background-color: #b9e5f5;
	font-size:15px;
}
	
.tab_tarif tr td {
	border: 1px solid #a8a8a8;
	text-align:center;
	font-size: 13px;
	width:100px;
}

.gras {
	font-weight:bold;
}