/*CSS2-P.a Pharma Consult
Auteur : LEMAIRE Laetitia - Groupe Elina
Date de création : 25-09-2009
Date de modification : 25-09-2009
*/
#contenu-admin {
padding-left:20px;
width:100%;
}
#contenu-admin h2 {
text-align:center;
color:#6D910D;
}
html {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
body {
	background: #6D910D; font: 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; color: black;
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
/* MISE EN FORME CONTENU DE LA PAGE ***************************************************************************************/
#conteneur {
	background-color:#FFFFFF;
	margin: 0px auto; width: auto; height:auto;
	width:980px;
	height:auto;
} 
/*--------------------------------- HEADER *******************************************************************************/
#header {
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/bkg_header.jpg);
	width:100%;
	height:127px;	
}
#logo {
	float:left;
	width:330px;
	height:auto;
	text-align:center;
	font-size: 14px;
	color: #737373;
	padding-top:23px;
}
#banpub {
	float:left;
	width:650px;
	height:82px;
	padding-top:23px;
	-moz-padding-top:23px;	
	text-align:center;
}
/*--------------------------------- MENU *******************************************************************************/
#menu {
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/bkg_menu.jpg);
	width:100%;
	height:40px;	
	clear:both;
}
#menu #home {
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/home.jpg);
	width:51px; 
	height:40px;
	cursor:pointer;
}
#menu #rubrique {
	float:left;
	font-size: 14px bold;
	color: #737373;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:20px;
	-moz-padding-left:10px;
	-moz-padding-right:10px;
	-moz-margin-right:20px;
	width:auto;
	height:30px;
}
#menu #rubrique .active{
	color: #E47813;
	font-weight:bold;
}

#menu #rubrique a {
	color:#737373;
	text-decoration:none;
}
#menu #rubrique a:hover {
	color:#E47813;
	text-decoration:underline;
}
#menu #rubrique a:visited {
	color:#737373;
	text-decoration:underline;
}

#menu #separation{
	float:left;
	width:2px;
	height:40px;
	margin-right:20px;
	-moz-margin-right:20px;
}
#menu #acces{
	float:right;
	margin-right:20px;
	-moz-margin-right:20px;
	width:192px;
	height:40px;
	cursor:pointer;
}
/******************************** CONTENU ********************************************************************************************/
#contenu-principal{
	clear:both;
	margin-top:10px;
	-moz-margin-top:10px;
	width:100%;
	height:auto;
}
/*--------------------------------- ZONE 1 - ACCROCHES *******************************************************************************/
#zone1 {
	clear:both;
	margin-top:10px;
	-moz-margin-top:10px;
	width:100%;
	height:210px;
	background-color:#F2F1F1;
}
#media1 {
	float:left;
	width:340px;
	height:210px;
}
#media2 {
	float:right;
	width:295px;
	height:210px;
	border:thin solid #C4C3C4;
}
#accroche {
	float:left;
	padding-top:8px;
	-moz-padding-top:8px;
	height:202px;
	width:338px;
	font-size:16px;
 	font-weight: bold;
	color: #737373;
	text-align:center;
}
#accroche #titre {
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/bkg_accr-titre.jpg);
	color:#E47813;
}
#accroche #texte {
	float:left;
	width:150px;
}
#accroche #illustr {
	float:right;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/doc-a-telecharger.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#accroche #illustr img {
	margin-top:20px;
	-moz-margin-top:20px;
}
#cac1 {
	cursor:pointer;
}
#cac2 {
	cursor:pointer;
}
#telecharger {
	cursor:pointer;
}
/*--------------------------------- ZONE 2 - ACCES *******************************************************************************/
#zone2 {
	clear:both;
	width:100%;
	height:106px;
	margin-top:8px;
	-moz-margin-top:8px;
}
.btn-on{
filter: alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
.btn-on:hover {cursor: pointer;}
.btn-off{
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#btn1 {
	float:left;
	width:202px;
	height:106px;
	margin-left:20px;
	-moz-margin-left:20px;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/btn_planning.jpg);
	cursor:pointer;
}
#btn2 {
	float:left;
	width:202px;
	height:106px;
	margin-left:18px;
	-moz-margin-left:18px;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/btn_formations.jpg);
}
#btn3 {
	float:left;
	width:202px;
	height:106px;
	margin-left:18px;
	-moz-margin-left:18px;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/btn_officine.jpg);
}
#onglet-drt {
	float:left;
	width:301px;
	height:106px;
	margin-left:17px;
	-moz-margin-left:17px;
}
#onglet-drt #lib {
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/bkg_onglet-drt.jpg);
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:20px;
	width:281px;
	height:24px;
}
#onglet-drt #cont {
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/bkg_formateur.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:299px;
	height:80px;
	font-weight:bold;
	color:#737373;
	border: 1px solid #C4C3C4;
}
#onglet-drt #cont #photo {
	float:left;
	width:60px;
	height:70px;
	margin-left:5px;
	-moz-margin-left:5px;
}
#onglet-drt #cont #desc {
	float:left;
	font-size:12px;
	margin-left:5px;
	-moz-margin-left:5px;
	width:180px;
	height:70px;
	padding-top:5px;
	-moz-padding-top:5px;
	color:#737373;
}
#onglet-drt #cont #desc .nom {
	font-size:14px;
}
/*--------------------------------- ZONE 3 - INFOS *******************************************************************************/
#zone3{
	clear:both;
	width:100%;
	height:500px;
}
#onglet {
	float:left;
	width:677px;
	height:253px;
	margin-left:1px;
	-moz-margin-left:1px;
}
#onglet #theme{
	width:100%;
	height:42px;
	font-size:18px;
	font-weight:bold;	
}
#onglet #theme a {
	color:#737373;
	text-decoration:none;
}
#onglet #theme a:hover {
	color:#E47813;
	text-decoration:none;
}
#onglet #theme a:visited {
	color:#737373;
	text-decoration:none;
}
#onglet #theme .txtBlanc {
color:#FFFFFF;
}
#onglet #theme #theme1{
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/ong-gch-on.jpg);
	width:226px;
	height:34px;
	color:#FFFFFF;
	text-align:center;
	padding-top:8px;
	-moz-padding-top:8px;
}
#onglet #theme #theme1-on{
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/ong-gch-off.jpg);
	width:226px;
	height:34px;
	text-align:center;
	padding-top:8px;
	-moz-padding-top:8px;
}
#onglet #theme #theme2{
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/ong-milieu-on.jpg);
	width:226px;
	height:34px;
	color:#FFFFFF;
	text-align:center;
	padding-top:8px;
	-moz-padding-top:8px;
}
#onglet #theme #theme2-on{
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/ong-milieu-off.jpg);
	width:226px;
	height:34px;
	text-align:center;
	padding-top:8px;
	-moz-padding-top:8px;
}
#onglet #theme #theme3{
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/ong-drt-on.jpg);
	width:224px;
	height:34px;
	color:#FFFFFF;
	text-align:center;
	padding-top:8px;
	-moz-padding-top:8px;
}
#onglet #theme #theme3-on{
	float:left;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/ong-drt-off.jpg);
	width:224px;
	height:34px;
	text-align:center;
	padding-top:8px;
	-moz-padding-top:8px;
}

#onglet #contenu {
	width:664px;
	height:446px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #819C2F;
	border-right-color: #819C2F;
	border-bottom-color: #819C2F;
	border-left-color: #819C2F;
	border-top-width: 2px;
	padding:5px;
	font-size:12px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-shadow-color:#333333;
	scrollbar-darkshadow-color:#333333;
	scrollbar-face-color:#819C2F;
	scrollbar-track-color:#eaeaea;
	}
#onglet #contenu hr{
color:#819C2F;
}
#onglet #titre-actu{
float:left;
font-size:14px;
color:#819C2F;
font-weight:bold;
}
#onglet #date-actu{
float:right;
}
#onglet #cont-actu{
padding-top:10px;
clear:both;
}
#media3{
	float:left;
	width:299px;
	height:253px;
	margin-left:1px;
	-moz-margin-left:1px;
	padding-top:20px;
	-moz-padding-top:20px;
}
/*--------------------------------- CONTENU RUBRIQUE *******************************************************************************/
#titre-rubrique{
margin-top:20px;
-moz-margin-top:20px;
padding-left:30px;
-moz-padding-left:30px;
background-image:url(http://www.principe-actif-formation.com/media/img/commun/bkg_accr-titre.jpg);
background-repeat:repeat-x;
color:#6D910D;
font-size:18px;
font-weight:bold;
text-align:left;
}
#cont-rubrique{
margin-top:30px;
-moz-margin-top:30px;
padding-left:30px;
-moz-padding-left:30px;
padding-right:30px;
-moz-padding-right:30px;
margin-bottom:30px;
-moz-margin-bottom:30px;
}
#titre-formation{
color:#E47813;
font-size:16px;
font-weight:bold;
}
#cont-formation {
background-image:url(http://www.principe-actif-formation.com/media/img/formation/bkg_formation.gif);
width:440px;
height:180px;
padding:10px;
float:left;
font-size:12px;
}
#cont-formation #formation-infos {
float:left;
width:320px;
height:50px;
}
#cont-formation #formation-infos .intitule {
color:#666666;
float:left;
}
#cont-formation #formation-infos .duree {
color:#666666;
float:right;
}
#cont-formation #formation-telecharger {
float:right;
}
/*--------------------------------- LIENS *******************************************************************************/
#liens-partenaires {
	clear:both;
	width:100%;
	margin-left:1px;
	-moz-margin-left:1px;
	margin-right:1px;
	-moz-margin-right:1px;
	text-align:center;
}
#liens-partenaires #logos {
	margin-left:10px;
	-moz-margin-left:10px;
	background-color:#EAEAEA;
	padding-top:4px;
	text-align:center;
	clear: both;
	color:#666666;
	height: 110px;
	width:98%;
}
#liens-partenaires #logos-gen {
	margin-left:10px;
	-moz-margin-left:10px;
	background-color:#EAEAEA;
	padding-top:10px;
	height: 56px;
	width:98%;
	color:#666666;
	text-align:center;
}
#liens-partenaires #bans {
	margin-left:10px;
	-moz-margin-left:10px;
	background-color:#EAEAEA;
	padding-top:4px;
	text-align:center;
	clear: both;
	color:#666666;
	height: 200px;
	width:98%;
	padding-top:10px;
	-moz-padding-top:10px;
}

/*--------------------------------- FOOTER *******************************************************************************/
#footer {
	clear:both;
	width:100%;
	font-size:10px;
	color:#737373;
	text-align:center;	
}
/*--------------------------------- OFFICINE ENREGISTREMENT *******************************************************************************/
.NewsBack
{
	background-color: black;
   filter: Alpha(opacity=40);
   -moz-opacity: .40;
   opacity: .40;   
   width: 100%;
   height: 1000px;
   position:absolute;
   z-index:10;
   top:0px;
   left:0px;
   visibility:hidden;
   margin: 0 auto;
   padding-top:100px;
} 
#newsletter {
	margin: 0px auto; width: auto; height:auto;
	width:800px;
	height:auto;
	background-color:#6D910D;
	margin-left: 90px;
-moz-margin-left: 90px;
	margin-top: 125px;
-moz-margin-top: 125px;
	filter: Alpha(opacity=100);
-moz-opacity: 1.0;
	opacity: 1.0;
	z-index:20;
	position:absolute;
	visibility:hidden;
	text-align:center;
}

#newsletter #titre {
	float:left;
	width:740px;
	padding-top:8px;
	-moz-padding-top:8px;
	font-size:16px;
 	font-weight: bold;
	color: #E47813;
	text-align:center;
}
#fermer {
	float:right;
	background-image:url(http://www.principe-actif-formation.com/media/img/commun/btn_fermer.jpg);
	width:51px; 
	height:40px;
	cursor:pointer;
}
#enregistrement {
	width:85%;
	height:auto;
	background-color:#FFFFFF;
	margin-top: 10px;
	-moz-margin-top: 10px;
	padding:20px;
	-moz-padding:20px;
	margin-bottom: 10px;
	-moz-margin-bottom: 10px;
	color:#666666;
}
#enregistrement p {
	font-size:10px;
}
#enregistrement h1 {
	color:#990000;
	font-size:12px;
	font-weight:bold;
}
#TabForm {
text-align:left;
font-weight:bold;
}
#TabForm .legende {
font-size:10px;
}

/************ ADMINISTRATION *****************/
a.pdf {
	font-size:10px;
	color:#333333;
	font-weight:bold;
}
.admmenu {
	font-size:12px;
	color:#999999;
	font-weight:bold;
}
.txt-gris {
	color:#CCCCCC;
}
.txt-blanc {
	color:#CCCCCC;
}
.txt-10-bold {
	font-size:10px;
	font-weight:bold;
}
.entete {
background-color:#999999;
color:#FFFFFF;
}
.theme {
background-color:#CCCCCC;
}
.mess {
color:#990000;
}
.mail {
font-size:12px;
}
#sep-ligne-tab {
background-color:#6D910D;
height:1px;
width:auto;
}