/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
html,body{
	margin:0; padding:0;
}
body{
	/*font: 76% arial,sans-serif; text-align:center;*/
	background:#ffffff url("../img/fond.jpg") left top repeat-x;
	font-size:85%;
}
p {
	margin:0 10px 5px 0;
}

a 			{ text-decoration:none; color:#003366; }
a:visited 	{  }
a:hover 	{text-decoration:underline; color:#285B8E; }

h1, h2, h3, h4, h5, h6 {  }
h1 { font-family:Geneva, Arial, Helvetica, sans-serif; size:26px; }
h2 { size:22px;  }
h3 { font-family:Arial, Helvetica, sans-serif; size:18px; color:#FF6600;}
h4 { font-family:Arial, Helvetica, sans-serif; size:14px; }
h5 { font-weight:bold; size:12px; }
h6 { size:11px; }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
	width:950px; /* 62em */
	/* max-width:100%; */
	background-color:#FFFFFF;
	margin:5px auto;
	text-align:left;
}

div#content{
	padding:0;
	/*border:1px solid #00FF00;*/
}
.adresse{
 	margin:30px 0px 0 600px;
	position:absolute;
	z-index:10;
	width:330px;
	height:105px;
	text-align:right;
	color:#1D5E97;
	line-height:1.5em;
}
.myadresse{
 	margin:20px 0px 0 732px;
	position:absolute;
	z-index:10;
	width:190px;
	height:80px;
	text-align:right;
	color:#1D5E97;
	line-height:1.5em;
	/*border:1px #00FF00 solid;*/
}
.myslogan{
 	margin:124px 0 0 132px;
	position:absolute;
	z-index:10;
	width:460px;
	height:20px;
	text-align:left;
	/*color:#1D5E97;*/
	line-height:1.5em;
	color:#1D5E97;
	/*border:1px #FF0000 solid;*/
}

.logo{
 	margin:12px 0px 0 12px;
	position:absolute;
	z-index:1;
	width:368px;
	height:125px;
	/*border:1px solid #FF0000;*/
}

div#header{
	width:950px;
	height:150px;
	background:#ffffff url("../img/bandeau-top.jpg") center top no-repeat;
}
div#img-fd-top{
	width:950px;
	height:190px;
	background:url("../img/bg-bandeau.jpg") center top no-repeat;
}
/*-- différents fond pr  img-fd-top     -----------------------------------------------------------------------------------------*/
#img-fd-top.opcvm {background:url("../img/bg-bandeau-opcvm2.jpg") center  top no-repeat;}
#img-fd-top.gestion {background:url("../img/bg-bandeau-gestion.jpg") center  top no-repeat;}
#img-fd-top.actualites {background:url("../img/bg-bandeau-actu.jpg") center  top no-repeat;}
#img-fd-top.autre {background:url("../img/bg-bandeau-autre.jpg") center  top no-repeat;}
#img-fd-top.contact {background:url("../img/bg-bandeau-opcvm.jpg") center  top no-repeat;}

/*-- fin fond  ---------------------------------------------------------------------------------------------------------------------*/


/* second conteneur de la page */
div#wrapper {
	clear:both;
}

/* contenu de la page */
div#contenu {
	display:block;
	clear:both;
	margin:0;
	padding:5px 10px;
	border:0px;
}
div#contenu .textepage {
	/*margin:10px;*/
}


div#mid{
	padding:0px 15px 5px 15px;
}

div#left{
	 /*width:200px;*/
	 height:400px;
}

div#right{
	 /*border:1px solid #00FF00;*/
	 float:right;
	width:760px;
  
}


div#fd-cote{
	/*margin-top:-2px;*/
	width:190px;
	height:170px;
	background:url("../img/fd-cote.jpg") left top no-repeat;
}
#menu-b  {
	display:block;
	border-top:1px solid #eaeaea;
	border-left:1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#menu-b  a{
	font-size:14px;
	color:#285B8E;
	text-decoration:none;
}

#menu-b  a:hover{
	color:#003366;
}
#menu-b  a.actif{
	color:#003366;
	font-weight:bold;
}

#menu-b  li{
	list-style:none;
	background:url("../img/triangle.gif") left top no-repeat ;
	padding:4px 2px 0px 10px;
	margin:0;
	
}

/* bas de page */
div#footer {
	padding:10px 0 0 0 ;
	border-top:1px solid #cccccc;
	text-align:center;
	font-size:11px;
}

#footer a 			{ color:#1D5E97; text-decoration:none; }
#footer a:visited 	{ color:#666666; text-decoration:none; }
#footer a:hover 	{ text-decoration:underline; }

.cop {
	float:left;
	font-size:0.9em;
}

div#menubas {
	padding-left:250px;

}
.nous{
	float:right;
	background:url("../img/nous.gif") no-repeat;
	height:20px;
	width:78px;
	padding-right:10px;
	padding-top:0px;
}


/*
 * MENUS ----------------------------------------------------------
 */
div#menuhaut {
	float:right;
}
div#menuhaut ul { list-style-type:none; margin:0; padding:0; }
div#menuhaut ul li { display:inline; float:left; color:#cccccc; margin:0 0.5em 0 0; line-height:1.4em; }
div#menuhaut ul li a 			{ text-decoration:none; display:inline; font-size:0.9em; color:#999999; }
div#menuhaut ul li a:visited 	{ text-decoration:none; }
div#menuhaut ul li a:hover 		{ text-decoration:underline; color:#000000; }

div#fil-ariane {
	display:block;
	margin:0em 0;
	padding:0.3em 1em;
	/*border:1px #ececec solid;*/
	font-size:0.9em;
	text-decoration:none;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

* div#menu {
	margin-top:0px;
}

div#menu {
	/*display:block;*/padding-top:0;
	width:950px;
	height:30px;
	background:#F3F2F7 url("../img/fd-menu.jpg") center top no-repeat;
}
/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:2em; padding:0 0 0 200px; margin:0;  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; }
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:top; padding:0px 1em; color:#4679AC; font-size:18px; margin:0px 0.3em 0 0; white-space: nowrap; line-height:1.8em; border-right:1px solid #FF7D27; }
#navigation li a:hover	{ color:#003366; }
#navigation li.current a
,#navigation li.jd_menu_hover_toolbar a    		{ background:url("") top left repeat-x; }
#navigation li.current ul li a
,#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url(""); }
#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:-/*1px*/0 0 0 2px; border-top:1px solid #cccccc; z-index:1000; }
#navigation li ul li { display:block; float:none; padding:0; margin:0; list-style-position:outside; }
#navigation li ul li a { display:block; float:none; background:#ffffff url(""); background-color:#FFFFFF; background-image:none; margin:0; padding:0.2em 0.5em; line-height:normal; color:#666666; border:1px solid #cccccc; border-top:0; font-size:0.9em;}
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { background:#eeeeee url(""); color:#000000; }

div#menubas {
	display:block;
	margin:0;
	font-size:0.9em;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { display:inline; float:left; margin:0 0.2em 0 0; }
div#menubas ul li a 			{ text-decoration:none; display:inline; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#searchbox { position:relative; width:13em; border:0px #ff0000 solid; float:right; margin-top:-0.5em; }
div#searchbox fieldset { padding:0; margin:0; border:0; float:right; }
div#searchbox fieldset legend { padding:0; margin:0; border:0; font-size:0.8em; display:none; }
div#searchbox fieldset input.text { width:12em; font-size:0.8em; padding:0.2em 0.3em; vertical-align:middle; color:#999999; }
div#searchbox fieldset input.text:focus { color:#000000; }
div#searchbox fieldset button.submit { font-size:0.8em; padding:0.1em; vertical-align:middle; border:0px; background-color:transparent; color:#999999; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }

/*
* FORMULAIRES */
fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff; display:block; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0 0 0 0; font-weight:bold; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:97%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }


.picf {vertical-align:middle;}

.press li {list-style-type: square;  list-style:none; background:url("../img/newspaper.png") left center no-repeat; margin-left:80px;  padding-left:25px; }

.act{	
	width:710px;;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13,6px;
	color:00ff00;
		line-height:1.4em;
	margin:0px 50px 0px 5px;
	border:1px solid #DAE4EE;
	padding:10px 10px 10px 10px;
	background-color:#F5F9FC;
}

/*
*tab page accueil */
.tabvaleurs{
	margin-left:5px;
	/*width:680px;*/
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1em;
}
.tabvaleurs td{
	border:1px solid #DAE4EE; color:#333333; /*width:80%;*/
}

.tdtitre{ text-align:center;  }

.tabvaleurs span{
	text-align:left;
	font-weight:bold;
	color:#1B5D96;
}

.tabvaleurs h4 {
	background:url("../img/puce-tab.gif") left center no-repeat ;
	padding:4px 2px 0px 20px;
}

.tabvaleurs em{
	color:#999999;
}

.coul{font-size:13px; color:#666666; font-weight:bold;}

.tr1{
	background-color:#FFFFFF;
	height:40px;
}

.tr2{
	background-color:#F5F9FC;
	height:40px;
}


.coord {
	line-height:1.8em;
	font-size:14px;
	color:#333333;
}



/*
* newsletter */
.newsletter{
	font-size:0.9em; color:#999999; margin-left:10px; line-height:1.2em; text-align:justify;
}

.titre-news{
	font-size:1.1em; color:#FF6600; margin-left:15px; 	
	padding-bottom:7px;
	background:url("../img/souligne.gif") left bottom no-repeat ;
}

.mailctrl_div 		{  margin:0 0 0px 0; padding:5px 0;   font-size:0.9em;}
.mailctrl_div * 	{ font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.mailctrl_div form 	{ padding:0; margin:0; border:0; }
.mailctrl_div input { color:#666666; border-top:1px #CCCCCC solid;	border-left:1px #CCCCCC solid;	border-right:1px #AAAAAA solid; 	border-bottom:1px #AAAAAA solid; background-color:#FFFFFF; vertical-align:middle; margin:0; padding:3px 3px; }
.mailctrl_div label { vertical-align:middle; line-height:1.4em; cursor:pointer; }
/* style des champs */
.mailctrl_div .mailctrl_table 	{ margin:0 auto;  width:170px;  }
.mailctrl_div .mailctrl_radio 	{ border:0px; padding:0; width:12px; height:12px; }
.mailctrl_div .mailctrl_input 	{ color:#999999;  width:130px; }
.mailctrl_div .mailctrl_input_focus { color:#333333; }
.mailctrl_div .mailctrl_submit 	{  margin:0 0 0 2px; padding:1px 2px; }
#mailctrl_result .error	{ color:#CC0000; font-weight:bold; text-align:center; }
#mailctrl_result .ok	{ color:#669933; font-weight:bold; text-align:center; }
.mailctrl_header { margin:15px 0 0 0; padding:2px 5px; line-height:1em; color:#496328; }