/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin: 0;
  	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	text-align:center;
}

/* ----------------------------
   Base font-size
---------------------------- */

#page
{
	width: 760px;
	margin: 0 auto;
	text-align:left;
}



/* ----------------------------
   Liens
---------------------------- */

a:link, a:visited, a:active{color: #fff;}
a:hover{text-decoration:underline;}


/* ----------------------------
   Corps
---------------------------- */

#contenu{	margin-top:25px;}

#colGauche
{
	width:600px;
	float:left;
	margin-right:20px;
}

#colDroite
{
	width:151px;
	float:left;
	margin-top:1px;
}

/* ----- colonne de gauche ------- */
#enteteGau
{
	background:url(../images/colGau_degradeGrillage.gif) repeat-x top left;
	height:32px;
}

#espaceClient
{
	background:#333333;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:0.9em;
}

#txtClient
{	
	float:right;
	padding:5px 9px 4px 0;
}

#txtClient a:link, #txtClient a:visited, #txtClient a:active{text-decoration:none;}
#txtClient a:hover{	color:#CC3300;}

#zoneCentrale
{
	background:#8A2003 url(../images/colGau_zonePhoto_002.gif) no-repeat top right;
	margin:0;
	padding:69px 0 75px 18px;
}

/* menu */
#menu
{
	background:#8A2003 url(../images/colGau_grillage.gif) repeat-x top left;
	border-bottom:1px solid #666666;
	font-size:0.9em;
	width:760px;	
}

#menu ul
{
	list-style: none;
	margin:0;
	padding:12px 0 0 25px;
}

#menu ul li
{
	margin: 0;
	float:left;
	padding:0 30px 4px 13px;
}

#menu ul li.carre
{
	background:url(../images/i_menu-carre.gif) no-repeat 0 5px;
}

#menu a:link, #menu a:visited, #menu a:active{	text-decoration:none;}
#menu a:hover{	text-decoration:underline;}

/* -------------------------------------------------------------------------- */
/* ---------------------------zone contenu textes --------------------------- */
/* -------------------------------------------------------------------------- */

#zoneContenu
{
	background:#fff url(../images/colGau_degradeContenu.gif) repeat-x bottom left;
	color:#000;
	padding:23px 70px 50px 60px;
	text-align:justify;
}

#zoneContenu2
{
	background:#fff url(../images/colGau_degradeContenu.gif) repeat-x bottom left;
	float:left;
	color:#000;
	padding:23px 70px 50px 60px;
	text-align:justify;
	width:630px;
}

#zoneContenuGauche2
{
	color:#000;
	float:left;
	padding:0 0 0 0;
	width:275px;
	text-align:justify;
}

#zoneContenuDroit2
{
	color:#000;
	float:right;
	padding:0 0 0 30px;
	width:275px;
	text-align:justify;
}

#divListContenu
{
	padding:0px 0px 5px 25px;
}

#zoneContenu2 h1
{
	color:#8A2003;
	font-size:1.1em;
}

#zoneContenu2 h3
{
	color:#000000;
	font-size:1em;
}

#zoneContenu2 p
{
	font-size:0.9em;
	margin:0 0 15px 0;
}

#zoneContenu2 ul{margin:0;}
#zoneContenu2 ul li{	font-size:0.9em;}

#zoneContenu2 a:link, #zoneContenu2 a:visited, #zoneContenu2 a:active
{
	text-decoration:none;
	color:#8A2003;
}

#zoneContenu2 a:hover{text-decoration:underline;}

#zoneContenu h1
{
	color:#8A2003;
	font-size:1.1em;
}

#zoneContenu h3
{
	color:#000000;
	font-size:1em;
}

#zoneContenu p
{
	font-size:0.9em;
	margin:0 0 15px 0;
}

#zoneContenu ul{margin:0;}
#zoneContenu ul li{	font-size:0.9em;}

#zoneContenu a:link, #zoneContenu a:visited, #zoneContenu a:active
{
	text-decoration:none;
	color:#8A2003;
}

.gras{font-weight:bold;}
.italic{ font-style:italic;}

#zoneContenu a:hover{text-decoration:underline;}

#zoneContenu p.tListSecureMachines
{
	font-size:0.9em;
	margin:0 0 0 13px;
	font-style:italic;
	font-weight:bold;
}

#zoneContenu p.listSecureMachines
{
	font-size:0.9em;
	margin:0 0 10px 22px;
}

#zoneContenu p.realInfo
{margin:0 0 5px 0;}

#zoneContenu p.last{margin:0;}

.basColGau
{
    background:url(../images/colGau_degradeGrillageBas.gif) repeat-x top left;
	height:32px;
}

/* ---------------------------Page Réalisations-------------------------------------- */
.ligneThumbMaisons
{
	width:321px;
	padding-bottom:20px;
}
#zoneContenu img
{
	float:left;
	width:102px;
	margin: 0 5px 10px 0;
}

/* -------------------------------------------------------------------------------------------------- */
/* ------------------------------------- colonne de droite ------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */

#enteteDr
{
	background:url(../images/colDr_degradeGrillageTop.gif) repeat-x top left;
	margin-top:3px;
	height:28px;
}

#fondGrille{background:url(../images/colDr_grillage.gif) repeat-y top left;}

div#fondGrille
{
	height:510px;
}
html>body div#fondGrille
{
	min-height:510px;
	height:auto;
}

/* bloc login */

#blocLogin
{
	background:#333333;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:31px 0 18px 13px;
	margin-bottom:20px;
}

#champsTxt label
{
	font-size:0.9em;
}

#champsTxt input
{
	width:110px;
	margin-top:5px;
}

#bContinuer
{
	padding-left:40px;
}


/* bloc nouvelles */
#blocNouvelles
{
	background:#333333;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:23px 16px 18px 13px;

	 /* Box Model Patch */
    width:151px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 122px;
}

/* Box Model Patch */
html>body #blocNouvelles
{
    width: 122px;
}

#news h2
{	
	font-size:0.9em;
	font-weight:bold;
}

#news span{	color:#CCCCCC;}

#news p {font-size:0.9em;}

#blocNouvelles ul
{
	list-style: none;
	margin: 0;
	font-size:0.9em;
}

#blocNouvelles ul li
{
	margin: 0;
	float:left;
	padding-right:6px;
}

#blocNouvelles ul li a:link, #blocNouvelles ul li a:visited, #blocNouvelles ul li a:active
{
	text-decoration:none;
	color:#CC3300;
}

#blocNouvelles ul li a:hover{text-decoration:underline;}

.frmTxt160
{
    width: 160px;
}

.frmTxt200
{
    width: 200px;
}

.frmTxt250
{
    width: 200px;
}
