@charset "utf-8";

/***********************************
*                                  *
*      Site Leduc, CSS 1.0         *
*                                  *
*        R-numerique 2008          *
*                                  *
***********************************/

@import url("SpryMenuBarHorizontal.css");
@import url("lightbox.css");
				
/* ----------------------------------------------------------------------
------->>>  Generalites <<<----------------------------------------------
-----------------------------------------------------------------------*/
body
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	background:#afafaf;
}
p
{
	line-height:1.5em;
}
#global, #global2
{
	width:940px;
	min-height:500px;
	background:#fff url(/global/pict/BG-fade.jpg) top repeat-y;
	position:relative;
	margin:0 auto 0px auto;
	padding:0;
}

.clearboth {clear:both;}

/*** ombre portee ***/
.ombre-bas
{
	width:980px;
	height:20px;
	clear:both;
	position:relative;
	margin:0 auto 30px auto;
	background:url(/global/pict/BG-ombre-bas.gif) no-repeat;
}
.bloc-ombre
{
	width:980px;
	position:relative;
	margin:0 auto 0 auto;
	background:url(/global/pict/BG-ombre.gif) top repeat-y;
}

/* ----------------------------------------------------------------------
------->>>  Entete <<<---------------------------------------------------
-----------------------------------------------------------------------*/
#head
{
	width:940px;
}
#head-1 h1, #head-2 h1
{
	margin:0;
	padding:0;
	width:940px;
	height:120px;
	background:url(/global/pict/BG-head-1.jpg) top left no-repeat;
}
#head-1 h1 span, #head-2 h1 span
{
	display:none;
}
#head-2 h1
{
	background:url(/global/pict/BG-head-2.jpg) top left no-repeat;
}

/* ----------------------------------------------------------------------
------->>>  Navigation <<<-----------------------------------------------
-----------------------------------------------------------------------*/
.nav
{
	margin:0;
	padding:0;
	width:940px;
	background:url(/global/pict/BG-menu.gif) top repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.nav ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:940px;
	background:url(/global/pict/BG-menu.gif) top repeat-x;
}
.nav ul li
{
	float:left;
	height:22px;
	margin:0;
	padding:5px 20px 0 16px;
	background:url(/global/pict/separ-menu.gif) top right no-repeat;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.nav ul li a
{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:10pt;
}
.nav ul li ul
{
	clear:both;	
	width:250px;
	margin:6px 0 0 0;
	padding:1px 0 0 0;
	background:#fff;
}
.nav ul li ul li
{
	width:250px;
	background:#d0003e;
	border-bottom:1px solid #fff;
	padding:6px 0 3px 10px;
}
.nav ul li a:hover, .nav ul li ul li a:hover
{
	color:#770527;
}

/* ----------------------------------------------------------------------
------->>>  Contenu <<<--------------------------------------------------
-----------------------------------------------------------------------*/
#contentHome
{
	width:940px;
	height:650px;
	padding:0;
	background:url(/global/pict/BG-home.jpg) top no-repeat;
	position:relative;
}
#content
{
	padding:0 0 40px 0;
	min-height:355px;
	background:url(/global/pict/BG-logo.jpg) right bottom no-repeat;
}


/*############  HOME  #################################################*/

/* la liste cliquable des metiers avec puces de couleurs*/
.listeMetier 
{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:80px;
	left:540px;
}
.listeMetier li a
{
	text-decoration:none;
	font-size:11pt;
	color:#fff;
}
.listeMetier li a:hover
{
	color:#3d5d78;
}
.puce-1 { background:url(/global/pict/puce-1.gif) left no-repeat; padding-left:15px;}
.puce-2 { background:url(/global/pict/puce-2.gif) left no-repeat; padding-left:15px;}
.puce-3 { background:url(/global/pict/puce-3.gif) left no-repeat; padding-left:15px;}
.puce-4 { background:url(/global/pict/puce-4.gif) left no-repeat; padding-left:15px;}
.puce-5 { background:url(/global/pict/puce-5.gif) left no-repeat; padding-left:15px;}
.puce-6 { background:url(/global/pict/puce-6.gif) left no-repeat; padding-left:15px;}

/* le bloc semi-transparent infos */
.infoHome
{
	width:340px;
	max-height:100px;
	background:#fff;
	position:absolute;
	top:210px;
	left:540px;
	filter : alpha(opacity=75);
    -moz-opacity : 0.75;
    opacity : 0.75; 
}
.infoHome p
{
	color:#3d5d78;
	padding:3px 10px 5px 10px;
}
.infoHome p strong
{
	display:block;
	font-size:11pt;
}
.infoHome p a
{
	display:block;
	color:#3d5d78;
	margin:10px 0 0 0;
	font-weight:bold;
	text-align:right;
}
.infoHome p a:hover
{
	text-decoration:none;
}

/* le bloc semi-transparent newsletter */

.titreNews
{
	background:#fff;
	position:absolute;
	top:325px;
	left:540px;
	filter : alpha(opacity=75);
    -moz-opacity : 0.75;
    opacity : 0.75; 
}
.titreNews p
{
	width:320px;
	color:#3d5d78;
	padding:3px 10px 5px 10px;
}
.titreNews p strong
{
	font-size:11pt;
}
.titreNews p a
{
	display:block;
	color:#3d5d78;
	margin:0 0 0px 10px;
}
.titreNews p a:hover
{
	text-decoration:none;
}


/*############  GENERIQUE  #################################################*/

/*======== Colonnes ========*/
.colonne-1
{
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 36px !important;
	padding:0 0 0 18px;
	width:684px;
	min-height:355px;
}
.colonne-2
{
	float:left;
	margin:5px 0 0 0;
	padding:0;
	width:220px;
	min-height:355px;
}

/*======== Colonne 1 ========*/
.colonne-1 h2
{
	padding:0 0 0 25px;
	margin:15px 0 5px 0;
	color:#666;
	font-size:10pt;
	background:url(/global/pict/bipuce.gif) left no-repeat;
}
.colonne-1 h2 a
{
	margin:50px 0 0 0;
	display:block;
	color:#666;
	font-size:10pt;
	text-decoration:none;
}
.colonne-1 h2 a:hover
{
	color:#CCC;
}

.colonne-1 h3
{
	color:#b81111;
	font-variant:small-caps;
	font-size:12pt;
	padding:0 0 6px 0;
	margin:50px 0 12px 0;
	width:100%;
	border-bottom:1px solid #797979;
	clear:both;
}
.colonne-1 h3 a
{
	color:#b81111;
	font-variant:small-caps;
	font-size:12pt;
	display:block;
	width:100%;
	text-decoration:none;
	background:url(/global/pict/flech-top.gif) bottom right no-repeat;
}
.colonne-1 h4
{
	padding:0 0 6px 25px;
	margin:15px 0 12px 0;
	color:#666;
	font-size:10pt;
	background:url(/global/pict/bipuce.gif) left top no-repeat;
	width:95%;
	border-bottom:1px solid #797979;
}
.colonne-1 h5
{
	padding:0 0 6px 25px;
	margin:15px 0 12px 0;
	color:#666;
	font-size:10pt;
	background:url(/global/pict/bipuce.gif) left top no-repeat;
	width:660px;
	border-bottom:1px solid #797979;
	clear:both;
}
.colonne-1 h5 a
{
	color:#666;
	font-size:10pt;
	display:block;
	text-decoration:none;
	background:url(/global/pict/flech-top.gif) bottom right no-repeat;
}
.colonne-1 p img
{
	float:right;
	margin:0 0 15px 15px;
}
.colonne-1 a
{
	/*color:#a70e0e;*/
	color:#000;
	font-size:9pt;
}
.colonne-1 a:hover
{
	text-decoration:none;
}

/*======== Bloc newsletter ========*/
#BlocNL
{
	width:220px;
	height:90px;
	border-left:1px solid #797979;
}
#BlocNL form
{
	width:200px;
	margin:0 auto 0 auto;
	padding:5px;
	background:#797979;
}
#BlocNL form p
{
	margin:0 0 5px 0;
	padding:0;
	color:#fff;
	font-size:10pt;
}
.submitNL
{
	background:#fff;
	border:none;
	padding:0 3px 0 3px;
}

/*############  PROPRIETES PAGES METIERS  ##############################*/

/*** les plans d'architestes en fond ***/
.plan-1, .plan-2, .plan-3, .plan-4, .plan-5, .plan-6
{
	margin:15px 0 0 0;
	min-height:500px;
}

.plan-1 { background:url(/global/pict/plan-1.jpg) bottom left no-repeat;}
.plan-2 { background:url(/global/pict/plan-2.jpg) bottom left no-repeat;}
.plan-3 { background:url(/global/pict/plan-3.jpg) bottom left no-repeat;}
.plan-4 { background:url(/global/pict/plan-4.jpg) bottom left no-repeat;}
.plan-5 { background:url(/global/pict/plan-5.jpg) bottom left no-repeat;}
.plan-6 { background:url(/global/pict/plan-6.jpg) bottom left no-repeat;}

/*** le bloc text avec bordure de couleur ***/
.txtMetier
{
	width:650px;
	padding:0 0 10px 10px;
	margin:0 0 30px 0;
}

.plan-1 .txtMetier { border-left:10px solid #C19300;}
.plan-2 .txtMetier { border-left:10px solid #7C5903;}
.plan-3 .txtMetier { border-left:10px solid #BE9E55;}
.plan-4 .txtMetier { border-left:10px solid #E28000;}
.plan-5 .txtMetier { border-left:10px solid #7C9008;}
.plan-6 .txtMetier { border-left:10px solid #C8630A;}

.txtMetier h2 
{
	background:none;
	padding:0 0 6px 0px;
	margin:0px 0 5px 0px;
	width:650px;
	border-bottom:1px solid #797979;
	color:#666;
	font-size:11pt;
}
.txtMetier p a
{
	color:#a70e0e;
}
.txtMetier p a:hover
{
	text-decoration:none;
}
.txtMetier p img
{
	float:none;
	border:1px solid #999;
	margin:0;
}
.txtMetier .mail
{
	display:block;
}
.txtMetier .mail a
{
	color:#fff;
	width:160px;
	height:24px;
	padding:5px 0 0 0;
	margin:10px 0 0 0;
	display:block;
	float:right;
	font-size:10pt;
	text-align:center;
	text-decoration:none;
	background:url(/global/pict/contactez-nous.gif) left no-repeat;
}
.txtMetier .mail a:hover
{
	color:#524040;
}

/*** espace photos ***/
.reas p
{
	margin:0;
	padding:0;
}
.reas p img
{
	margin:0;
	float:none;
}
.reas a
{
	float:left;
	margin:0 9px 9px 0px;
}
.reas a img
{
	border:none;
	border:1px solid #666;
}
.plan-1 h3, .plan-2 h3, .plan-3 h3, .plan-4 h3, .plan-5 h3, .plan-6 h3
{
	width:660px;
	border:none;
	color:#fff;
	padding:5px;
	font-size:9pt;
	font-variant:normal;
	margin:0 0 10px 0;
	background:#94938f;
}

/*** Pagination photos ***/
.RnumDiapoDivNavigation
{
	text-align:right;
	padding:0 15px 0 0;
	margin:0 0 10px 0;
	clear:both;
}
.RnumDiapoDivNavigation .RnumDiapoDivNavigationPrecedent
{
	float:none;
	margin:0 15px 0 0;
}
.RnumDiapoDivNavigation .RnumDiapoDivNavigationSuivant
{
	float:none;
	margin:0 0 0 15px;
}

/*############  PAGE 6 RAISONS #########################################*/

/*** Le tableau avec les ancres ***/
.tabAncre
{
	width:95%;
	margin:0 0 0px 0;
}
.tabAncre td
{
	vertical-align:top;
	clear:both;
}
.celTab1-1
{
	width:105px;
	border-top:1px solid #797979;
	border-right:1px solid #797979;
}
.celTab1-2
{
	padding:15px 0 8px 0 ;
	border-left:1px solid #797979;
}
.celTab1-3
{
	padding:15px 0 8px 0 ;
}
.celTab1-4
{
	padding:10px 0 8px 0 ;
}
.celTab1-4 a
{
	display:block;
	width:160px;
	height:55px;
	padding:10px 0 0 0;
	text-align:center;
	font-size:10pt;
	color:#fff;
	line-height:1.5em;
	background:url(/global/pict/BG-btn-contact.gif) no-repeat;
	text-decoration:none;
}
.celTab1-4 a:hover 
{
	color:#524040;
}
.colonne-1 .tabAncre td ul
{
	list-style:none;
	margin:0 0 0 15px;
	padding:0 30px 0 0;
	line-height:1.5em;
}
.colonne-1 .tabAncre td ul li
{
	background:url(/global/pict/puce-page7.gif) left no-repeat;
	padding:0 0 0 15px;
}
.colonne-1 .tabAncre td ul li a
{
	text-decoration:none;
	color:#666;
	font-size:10pt;
}
.colonne-1 .tabAncre td ul li a:hover
{
	color:#CCC;
}

/*############  PAGE LEDUC #############################################*/
.citation
{
	text-align:center;
	font-style:italic;
	font-size:10pt;
	color:#9F0033;
	margin:20px 0 25px 0;
}
.tabmetiers td
{
	padding:0 0 10px 0;
}
.tabmetiers td img
{
	margin:5px 0 0 0;
}
.legende-pict
{
	display:block;
	font-size:7pt;
	color:#999;
}

/*############  PAGE CONTACTS ###########################################*/
.lienMail
{
	width:350px;
	margin:50px auto 0 auto;
}
.lienMail a
{
	display:block;
	width:160px;
	height:55px;
	padding:10px 0 0 0;
	text-align:center;
	font-size:10pt;
	color:#fff;
	background:url(/global/pict/BG-btn-contact.gif) no-repeat;
	text-decoration:none;
}
.lienMail a strong
{
	display:block;
	margin:5px 0 0 0;
}
.lienMail a:hover 
{
	color:#524040;
}
#formRecrut
{
	border:1px solid #797979;
	width:640px;
}
.recrutTable
{
	width:610px;
	position:relative;
	margin:10px auto 10px auto;
}
.recrutTable td
{
	padding:0 0 7px 0;	
}
.recrutTable table
{
	margin:0 0 15px 0;
}
.valid
{
	display:block;
	text-align:center;
	margin:20px 0 10px 0;
}
.valid a
{
	display:block;
	width:100px;
	height:24px;
	padding:5px 0 0 0;
	position:relative;
	margin:0 auto 0 auto;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	background:url(/global/pict/valid-1.gif) no-repeat;
}
.valid a:hover
{
	color:#524040;
}


/* ----------------------------------------------------------------------
------->>> Footer <<<----------------------------------------------------
-----------------------------------------------------------------------*/
#footer
{
	width:680px;
	margin:0;
	padding:0 0 10px 0;
}
#footer p
{
	margin:0 0 0 20px;
	padding:0;
}
#footer p a
{
	color:#666;
	margin:0 15px 0 0;
	font-size:8pt;
}
#footer p a:hover
{
	text-decoration:none;
}
#footer span
{
	color:#666;
	font-size:8pt;
}

/* ----------------------------------------------------------------------
------->>> Footer home <<<-----------------------------------------------
-----------------------------------------------------------------------*/
#footer-home
{
	width:680px;
	margin:0;
	padding:0 0 10px 0;
	position:absolute;
	left:0;
	top:630px;
}
#footer-home p
{
	margin:0 0 0 20px;
	padding:0;
}
#footer-home p a
{
	color:#fff;
	margin:0 15px 0 0;
	font-size:8pt;
}
#footer-home p a:hover
{
	text-decoration:none;
}
#footer-home span
{
	color:#fff;
	font-size:8pt;
}