/*
 * ------------ 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{
	margin:0; padding:0;
	height:100%;
}
body{
	/*font: 76% arial,sans-serif; text-align:center;*/
	background:#0D7196 url("../img/bg_page.jpg") top left repeat-x;
	margin:0 auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
}

p { margin:0 10px 10px; }
hr { margin:0; padding:0; border-top:1px #666 solid; height:1px; line-height:1px;}

a 			    { color:#FFFFFF; text-decoration:none; }
a:visited 	{ color:#FCFCFC; text-decoration:none; }
a:hover 	{ color:#FFFFFF; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 {  }
h1 {  }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;  border-bottom:1px solid #005B7E; color:#FFFFFF;  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */

div#container {
	width:950px; /* 62em */
	margin:auto;
	background:url("../img/repeat.jpg") top left repeat-y;
	min-height:600px;
	text-align:left;
}

div#header{
	background-image:url("../img/bg_header.jpg");
	/*border:1px #ececec solid;*/
	height:150px;
}
/*-- différents fond pr  img-fd-top     -----------------------------------------------------------------------------------------*/
#header.agences {background:url("../img/bg_header-agences.jpg") center  top no-repeat;}
#header.pro {background:url("../img/bg_header-pro.jpg") center  top no-repeat;}
#header.recrutement {background:url("../img/bg_header-recrutement.jpg") center  top no-repeat;}
#header.contact {background:url("../img/bg_header-contact.jpg") center  top no-repeat;}
#header.plan {background:url("../img/bg_header-plan.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;
}
div#contenu .textepage {
	margin:10px; width:610px; text-align:justify;
}

/* bas de page */
div#footer {
	height:185px;
	background-color:#005B7E;
}
div#footercontent {
	width:950px;
	margin:0 auto;
	/*border:1px solid #00FF00;*/
	color:#CCCCCC; font-size:10px;
}
div#footercontent span {color:#FFFFFF; font-weight:bold;}
div#footercontent img {float:right; border:0;;}

div#footercontent table td { vertical-align:top; width:25%; border-right:1px solid #0D7196; padding:20px 5px 5px 5px;}

div#copyrights {
	width:250px;
	text-align:left;
	font-size:0.9em;
	float:left;
}
div#adresse2{
	width:250px;
	text-align:center;
	font-size:0.9em;
	float:left;

}

/*
 * 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:0.5em 0;
	padding:0.3em 1em;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
}
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#carteacces {
	position:absolute;
	margin: 0;
	left:20%;
	top:350px;
	/*background-image:url("../img/bg_carte.png");*/
	width:301px;
	height:216px;
}

div#menu {
	/*<!--[if IE]>	margin:-17px 0 0 0;	<![endif]-->*/
	margin:0;
	display:block;
	background-image:url("../img/bg_menu.jpg");
	background-position:top;
	background-repeat:repeat-x;
	height:50px;
	width: 950px;
}


 /*Propriétés du conteneur de navigation -----------------------------*/

#navigation			{ position:relative; /*float:right;*/ display:block; height:2em; padding:0; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif;  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; }
#navigation li a		{  display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:0px 1em; color:#666666; font-size:1.6em; margin:0px 0.3em 0 0; white-space: nowrap; line-height:2em;  }
/*#navigation li a	span	{  color:#ff0000;   }
#navigation li ul li a span	{  color:#00ff00;   }*/
#navigation li a img {margin : 0.5em 0 0 0 ; vertical-align:top; background-color:transparent; }

#navigation li a:hover	{ background-image:url("../img/bg_menu-hover.jpg"); height:50px; min-width:60px; color:#FFFFFF; /*border:1px solid #FF0000;*/}
#navigation li.current a 	{ background:url("") top left repeat-x;  color:#000; }
#navigation li.jd_menu_hover_toolbar a    		{ background:url("../img/bg_menu-over.jpg") top center repeat-x;  }
#navigation li.current ul li a { background:url("") top left repeat-x;  }
#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url("../img/bg_menu-over.jpg") top center repeat-x; }

#navigation li ul { display:none; position:absolute;  clear:left; height:auto; padding:0; margin:-1px 0 0 -80px; z-index:1000;}
#navigation li ul li { display:inline; float:none; padding:0; margin:0; list-style-position:outside; }
#navigation li ul li a { display:inline; float:none; background:url("");  background-image:none; margin:10px 0 0 0; padding:0.2em 0.5em; line-height:2em; color:#666666; border-top:0; font-size:1.3em; background-color:#E2DDD4; }
#navigation li ul li a span img {margin : 0.5em 0 0 0 ; vertical-align:top; background-color:#E2DDD4; }

#navigation li ul li a span { color:#666;   }
#navigation li ul li.current a span { background:#E2DDD4 url(""); color:#000;  }
#navigation li ul li.jd_menu_hover_toolbar ul li a span { background:#E2DDD4 url(""); color:#D45E35;  }

div#menubas {
	text-align:left;	
	font-size:0.9em;
}

div#menubas ul { margin:0; padding:0; }
div#menubas ul li { display:block;  margin:0 0.2em 0 0; }
div#menubas ul li a 			{ text-decoration:none; list-style-type:none;  background:url("../img/puce_bas.jpg") center left no-repeat; padding-left:10px;   }
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 ----------------------------------------------------------
 */
 
 /*contener de droite */
 div#right {
	width:260px;
	/*border:1px solid #FF0000;*/
 	margin:-30px -40px 5px 5px;
 	float:right;
 }
 .carte_r {
 	width:250px;
	height:190px;
	 background:url("../img/fd-carte.jpg") center top no-repeat; 
 }
 .carte_r h3 { padding:15px 0 0 20px; color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif;}
 div#flash {/*border:1px solid #FF0000;*/ margin:-50px 0  0 60px;}
 div#flashb {/*border:1px solid #FF0000;*/ }
 
 .fd-boutiq {
 	width:250px;
	height:90px;
	 background:url("../img/fd-boutiq.jpg") center top no-repeat;  
 }
 .fd-boutiq h3 { padding:15px 0 0 20px; color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; /*border:1px solid #00FF00;*/}
.fd-boutiq span { margin:-20px 0 0 30px; color:#CCCCCC; }
.fd-boutiq span  a{ margin:-10px 0 0 150px;}

.fd-recrutement {
 	width:250px;
	height:90px;
	 background:url("../img/fd-recutement.jpg") center top no-repeat;  
 }
 .fd-recrutement h3 { padding:15px 0 0 20px; color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; }

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

/* case contenu*/
.case{
	float:left;
	margin-right: 10px;
	background-color:#E2DDD4;
	text-align:justify;
	padding : 10px;
}
/*
* TABLES */
table.data { background-color:#E2DDD4;}
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; background-color:#E2DDD4;}
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; background-color:#E2DDD4;}

table.normal { width:100%; /*cellspacing:1;*/}
table.normal th { font-weight:bold; font-size:1em; padding:0.5em; vertical-align:top; background-color:#E2DDD4;}
table.normal td { font-weight:normal; font-size:1em; padding:1em; vertical-align:top; }

/*



* FORMULAIRES */
fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #CCCCCC solid; /*width:650px;*/
	-moz-border-radius: 5px;
	-khtml-border-radius : 5px;
	-webkit-border-radius : 5px;
	-border-radius: 5px;
	padding:1em 2em;  display:block; /*background-color:#D8D2C6;*/}
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;  background:url("../img/puce.png") left top no-repeat;  margin-bottom:0.2em; padding-left:15px; }
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; border: 1px #E2DDD4 solid; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle;background-image: url(../img/bg_li.png);;	
	background-repeat:repeat-x;
	border: #cdcdcd 1px solid;
	-moz-border-radius: 3px;
	-khtml-border-radius : 3px;
	-webkit-border-radius : 3px;
	-border-radius: 3px; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus { border:1px #D45E35 solid; background-image:url("../img/input_focus_bg.png");	
	background-repeat:repeat-x; }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:350px; height:6em; line-height:1.3em; border: 1px #E2DDD4 solid; background-image:url("../img/input_bg.png");	
	background-repeat:repeat-x;
	border: #cdcdcd 1px solid;
	-moz-border-radius: 5px;
	-khtml-border-radius : 5px;
	-webkit-border-radius : 5px;
	-border-radius: 5px; } 
fieldset.normal textarea.big { height:12em; }
fieldset.normal button.submit { 
background:transparent url("../img/btn_send.png") no-repeat scroll 20px 10px ;
border:0 none;
display:block;
height:40px;
width:120px;
text-indent:-9999px;
}

#cryptogram{	background:#D8D2C6; }




/*
* 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; }

/*
* Bloc actualités */
.fd-actu {
 	width:250px;
	height:140px;
	 background:url("../img/fd-actu.jpg") center top no-repeat;  
 }
 .fd-actu h3 { padding:15px 0 0 20px; color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif;}

.block_actualites { /*background-color:#E2DDD4; */}
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 0 0 0; padding:0.5em; background-color:transparent;  float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#fff; } 
.block_actualites h3 { display:block; /*border-bottom:1px #D45E35 dotted;*/ padding:0.5em; margin:0; font-size:1.3em; width:700px;}
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:transparent; padding:1em; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#000; text-transform:uppercase; text-align:right; padding:0 ; background-color:transparent; }

.block_actualites.mini {  width:250px; padding:0.5em;  /*border:1px solid #00FF00;*/ }
.block_actualites.mini li { width:100%; padding:0;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3 {  width:200px; margin:0 0 0 20px; padding:0 0 7px 0; font-size:12px; }
.block_actualites.mini h3 a {  padding:0.5em; text-decoration:none; color:#CACACA; font-size:12px;}
.block_actualites.mini h3 a span {   text-decoration:none; color:#CACACA; font-size:12px; padding:5px 0 0 15px; }


.block_actualites.mini h3 a:hover img,
.block_actualites.mini h3 a:hover { color:#ffffff;  text-decoration:underline;  }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

.ligne {
	
	clear:both;
	font-size:0px;
	height:10px;
}



/* pr le plan*/
a.plan_acces { display:block; height:260px; width:600px; background:url('../img/carte.jpg') 0px 0px no-repeat; margin:15px 20px 0 0; padding:0; border:0; outline:0; }
a.plan_acces:hover { background-position:0px -270px; }




/* pr les btns de droite*/
div#liensr { padding:10px 0 0 0;}
a.sani { display:block; height:90px; width:200px; background:url('../img/btn-sanitaire.jpg') 0px 0px no-repeat; /*margin:-15px -20px 0 0;*/ padding:0; border:0; outline:0; }
a.sani:hover { background-position:0px -90px; }

a.energie { display:block; height:90px; width:200px; background:url('../img/btn-energie.jpg') 0px 0px no-repeat; /*margin:-15px -20px 0 0;*/ padding:0; border:0; outline:0; }
a.energie:hover { background-position:0px -90px; }

a.elec { display:block; height:90px; width:200px; background:url('../img/btn-elec.jpg') 0px 0px no-repeat; /*margin:-15px -20px 0 0;*/ padding:0; border:0;  outline:0; }
a.elec:hover { background-position:0px -90px; }

a.outil { display:block; height:90px; width:200px; background:url('../img/btn-outillage.jpg') 0px 0px no-repeat; /*margin:-15px -20px 0 0;*/ padding:0; border:0; outline:0; }
a.outil:hover { background-position:0px -90px; }




/* Rotator Styles */
#wrappertab {
	width:700px; 
	border-top:3px solid #92a5bc;
	border-bottom:1px solid #92a5bc;
	margin:0 auto;
}
#wrappertabelec {
	width:950px; 
	border-top:3px solid #92a5bc;
	border-bottom:1px solid #92a5bc;
	margin:0 auto;
}
#wrappertabelec table {/* border:1px solid #00F;*/ width:750px; }
#wrappertabelec h4{ font-size:14px; color:#999; border-bottom:1px dotted #999;}


#wrappertab table {/* border:1px solid #00F;*/ width:650px; }
#wrappertab h4{ font-size:14px; color:#999; border-bottom:1px dotted #999;}

#wrappertab td {
	background-color:#FFFFFF; color:#999999;  font-size:12px;/*border:1px solid #F00; */
}


#rotator {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:16px;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:#FFF url("../img/uitabsbg.gif") repeat-x bottom right;
	border-top:1px solid #FFF;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
	background:#FFF url("../img/uitabsbg.gif") repeat-x bottom left; 
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF url("../img/uiactivetabbg.gif") repeat-x bottom left;
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url("../img/uiactivetabbg.gif") repeat-x bottom left;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:10px 540px 15px 15px;
	height:350px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url("../img/getstarted.gif") no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-1 {
/*	background:transparent url("../img/coins.jpg") no-repeat top right;
*/}

#rotator #fragment-2 {
/*	background:transparent url("../img/bearings.jpg") no-repeat top right;
*/}

#rotator #fragment-3 {
/*	background:transparent url"../(img/map.jpg") no-repeat top left;
*/	padding:10px 15px 15px 50px;
}

#rotator #fragment-4 {
/*	background:transparent url("../img/support.jpg") no-repeat top left;
*/	padding:10px 15px 15px 50px;
}


/*-------------------*/
.acces {
float:right; padding:2px; border:1px solid #CCC; margin:10px;
}

.right {
	width:200px; float:right; padding:2px; color:#CCC;
}


#talentspro {
	 	/*border:1px solid #F00;*/
	width:250px;
	height:230px;
	background:transparent url("../img/talentspro.png") center top no-repeat
}

#projets {
		 	/*border:1px solid #F00;*/
	width:250px;
	height:190px;
	background:transparent url("../img/projet.png") center top no-repeat
}

div.logosss, div.logosss_no { background-color:#FFFFFF; padding:15px 15px 25px 15px; width:618px; color:#000000; text-align:left; }
div.logosss img { border:1px #000000 solid; margin:0 18px; }

div.logosss_no img { border:1px #000000 solid; margin:18px; }

div.logosss h3 { font-size:22px; margin:0 0 7px 0; padding:0 0 2px 0; color:#034E6B; border-bottom:1px #034E6B solid; }