/* natif */
body {
	background:url(../imglf/fond-header-mosaic.jpg) repeat-x #f0f4f9;
	margin:0; /* pour éviter les marges */
	text-align:center; /* pour corriger le bug de centrage IE */
	padding:0;
}
* { font-family:arial; }
*+ html .classname { styles; }  /* hack IE7 */
a { text-decoration:none; color:#2B6CBF; }
a:hover { text-decoration:none; color:#A73503; }
.separateur { clear:both; }
hr.ligne { border:1px solid #98aec9; }

/* ---------------------------------------------------------------------------*/
/* crea */
.global {
  margin-left: auto;
  margin-right: auto;
  width:804px;
  position:relative;
}
.global a:hover {
	color:#A73503;
}
.p7 {
	font-family:tahoma;
	font-size:7px;
	line-height:8px;
}
.p10 {
	font-family:arial;
	font-size:10px;
	line-height:12px;
}
.p16 {
	font-family:arial;
	font-size:16px;
	line-height:16px;
}
.p16rouge {
	font-family:georgia;
	letter-spacing:-0.04em;
	font-weight:normal;
	font-size:20px;
	color:#a73503;
}
.rouge {
	color:red;
	font-size:18px;
}
.vert {
	color:green;
}
.centre {
	padding-top:10px;
	text-align:center;
}
.text10 {
	font-family:arial;
	font-size:10px;
}
.formObligatoire {
	background-color:#e3ecf6;
}
.formBleu input, .formBleu textarea, .formBleu select, .formBleu radio  {
	background-color:#e3ecf6;
}

/* ---------------------------------------------------------------------------*/
/* header */
.header {
	width:804px;
	height:123px;
	background:url(../imglf/fond-header-logo.jpg) no-repeat;
}

/* ---------------------------------------------------------------------------*/
/* colonnes */
.content {
	width:804px;
	background:url(../imglf/ombre-fond-mosaic.gif) repeat-y;
  background-color:white;
}
.colonne-gauche {
	float:left;
	width:185px;
	padding-left:15px;
	text-align:left;
}
.colonne-centrale {
	float:left;
	text-align:left;
	width:592px;
	padding-left:12px;
	margin-top:42px;
	/*background-color:red;*/
}
.colonne-centrale strong {
	color:#a73503;
}
.colonne-centrale a {
	text-decoration:underline;
}
.colonne-centrale a:hover {
	text-decoration:none;
}
.colonne-centrale ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.colonne-centrale li {
	margin-bottom:3px;
}
.colonne-centrale ol.simple {
	margin:0;
	padding:0;
	list-style-position: inside;
}
.colonne-centrale h3 {
	margin:0;
	padding:10px 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#a73503;
}

/* ---------------------------------------------------------------------------*/
/* navigation */
.nav {
	position:absolute;
	top:76px;
	left:207px;
	width:598px;
	height:46px;
	background:url(../imglf/nav-bleue.jpg) no-repeat;
	text-align:left;
}
.navinit {
	position:relative;
}
div.navbase {
	position:absolute;
	top:3px;
	height:43px;
	margin:0;
	text-align:center;
	line-height:40px;
}
div.navbase a, div.navbase h1 {
	display: block;
	margin:0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-size:16px;
	font-weight:normal;
	color:white;
	text-decoration: none;
}
div.navbase a:hover {
	color:#fffcb6;
}
div.navbase a:active {
	color:#ffe4e4;
}
div.navbase span {
	display: block;
	margin:0; padding:0;
}

div.outer0 { position:absolute; left:0px; width:46px; }
div.outer0 a:hover, div.outer0 h1 { background: url(../imglf/nav-marron.jpg) 0px -3px no-repeat; }

div.outer1 { position:absolute; left:47px; width:132px; }
div.outer1 a:hover, div.outer1 h1 { background: url(../imglf/nav-marron.jpg) -47px -3px no-repeat; }

div.outer2 { position:absolute; left:180px; width:140px; }
div.outer2 a:hover, div.outer2 h1 { background: url(../imglf/nav-marron.jpg) -180px -3px no-repeat; }

div.outer3 { position:absolute; left:321px; width:163px; }
div.outer3 a:hover, div.outer3 h1 { background: url(../imglf/nav-marron.jpg) -321px -3px no-repeat; }

div.outer4 { position:absolute; left:485px; width:109px; }
div.outer4 a:hover, div.outer4 h1 { background: url(../imglf/nav-marron.jpg) -485px -3px no-repeat; }

.sous-nav {
	position:absolute;
	top:123px;
	left:210px;
	width:591px;
	height:26px;
	padding-left:18px;
	line-height:24px;
	background:url(../imglf/sous-nav-marron.gif) no-repeat;
	text-align:left;
	font-size:14px;
	color:black;
}
.sous-nav span {
	padding:0 10px 0 10px;
	font-weight:bold;
}
.sous-nav a {
	padding:0 10px 0 10px;
	color:#1c5ea9;
	text-decoration:none;
}
.sous-nav a:hover {
	text-decoration:none;
	color:#ee7300;
}


/* ---------------------------------------------------------------------------*/
/* cartouche */
.cartouche {
	width:185px;
	margin-top:24px;
	background:url(../imglf/cartouche-mosaic.gif) repeat-y;
}
.cartouche .cheader {
	height:42px;
	background:url(../imglf/cartouche-haut.jpg) no-repeat;
}
.cartouche .cheader p {
	color:#18437E;
	font-size:16px;
	line-height:33px;
	text-align:center;
}
.cartouche .ccontent {
	background:url(../imglf/cartouche-haut-centre.gif) no-repeat;
	/* supprimer ces 3 lignes pour obtenir 3 diapos en slide */
	height:238px !important;
	height:242px;
	overflow:hidden;
	position:relative;
}
.cartouche .cfooter {
	height:39px;
	margin-top:10px;
	padding-right:12px;
	background:url(../imglf/cartouche-bas.jpg) no-repeat;
	font-size:10px;
	color:#194582;
	text-align:right;
	line-height:15px;
}
.cartouche .cfooter a {
	color:#194582;
}
.cartouche .cfooter a:hover {
	color:#fffcb6;
}
.cartouche .absolu {
	position:absolute;
	left:11px;
}
.cartouche .cadre {
	width:191px;
	height:116px;
	padding-left:8px;
	background:url(../imglf/cartouche-cadre.gif) no-repeat 0px 0px;
	margin-bottom:5px;
}
.cartouche .cadre img {
	margin-top:8px;
}
.jCarouselLite ul, .jCarouselLite li {
	padding:0; margin:0;
	list-style:none;
	list-style-position: outside;
}

/* ---------------------------------------------------------------------------*/
/* blocs centre */
.blocG {
	width:577px;
	background:url(../imglf/centre-large.jpg) no-repeat;
	/*background-color:#fff6ef;*/
}
.blocG strong {
	color:#a73503;
}
.blocG .titreCache {
	width:100%;
	height:26px;
	background:url(../imglf/centre-large-cache-mosaic.gif) repeat-x;
} 
.blocG .titre {
	float:left;
	height:26px;
	background:url(../imglf/centre-large-header.jpg) no-repeat;
}
.blocG h2 {
	float:left;
	height:26px;
	line-height:25px;
	padding:0 25px 0 15px;
	margin:0;
	background:url(../imglf/centre-large-cache.gif) no-repeat top right;
	font-family:georgia;
	letter-spacing:-0.04em;
	font-weight:normal;
	font-size:20px;
	color:#a73503;
}
.blocG .blocGcontent {
	padding:0 15px 10px 15px;
	margin:0;
	font-size:12px;
	line-height:17px;
	text-align:justify;
	background:url(../imglf/centre-large-bas.jpg) no-repeat bottom;
	/*padding-bottom:10px !important;*/
}
.blocG .blocGcontent img.ref{
	/*padding:6px;*/
	margin:0 10px 10px 0;
	/*border:1px solid black;*/
}

.blocG .blocGcontent input, .blocG .blocGcontent textarea, .blocG .blocGcontent select {
	color:#58769C;
	font-weight:bold;
	font-size:12px;
}
.blocG .blocGcontent table.tab1 {
	border:1px solid #96a8c0;
	font-size:12px;
}
.blocG .blocGcontent .tab1 td {
	border:1px solid #96a8c0;
}
.blocG .blocGcontent p {
	margin:10px 0 0 0;
	padding:0;
}
.blocG .blocPContent p {
	margin:10px 0 0 0;
	padding:0;
}
.blocsP {
	margin-top:15px;
	width:577px;
}
.blocsP strong {
	color:#18437E;
}

.blocsP .blocP1, .blocsP .blocP2 {
	float:left;
	width:282px;
	background:url(../imglf/centre-small.jpg) no-repeat;
}
.blocsP .blocP2 {
	margin-left:13px;
}
.blocsP .blocP1 h2, .blocsP .blocP2 h2 {
	line-height:24px;
	padding:0 15px 0 10px;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#58769c;
}
.blocsP .blocPContent {
	padding:0 10px 0 10px;
	font-size:12px;
}
.blocsP .blocPContent p {
	margin:10px 0 10px 0;
}
.titreFormules {
	width:577px;
	height:28px;
	margin-top:15px;
	background:url(../imglf/titre-formules.jpg) no-repeat;
	font-size:16px;
	letter-spacing:3px;
	line-height:28px;
	text-align:center;
}
.titreFormules strong {
	color:white;
}

/* ---------------------------------------------------------------------------*/
/* contact */
table.tab2 {
	border:2px solid #cbd9ed;
	background-color:#e4ecf6;
	font-size:12px;
}


/* ---------------------------------------------------------------------------*/
/* realisations */
.imgreal {
	margin:0 10px 10px 0;
	border:1px solid black;
}
.imgrealnoborder {
	margin:0 10px 10px 0;
	border:none;
}
.realbloc-img {
	float:left;
	width:150px;
	margin:0 10px 10px 0;
}
.realbloc-txt {
	float:left;
	width:385px;
}
.realbloc-txt p {
	margin:0 !important;
	padding:0;
	padding-bottom:10px !important;
}

/* ---------------------------------------------------------------------------*/
/* login : accès clients */
.login {
	width:185px;
	margin-top:15px;
	background:url(../imglf/cnx-mosaic.gif) repeat-y;
}
.login .haut {
	background:url(../imglf/cnx-haut.gif) no-repeat;
}
.login .haut p {
	color:#18437E;
	line-height:31px;
	padding:0 0 0 27px;
	margin:0;
}
.login .bas {
	background:url(../imglf/cnx-bas.gif) bottom no-repeat;
	padding:10px;
}
.login .bas form {
	margin:0;
	padding:0;
}
.login .bas, .login .bas table {
	font-size:11px;
}
.login .bas table td {
	padding:1px 0 1px 0;
}
.login .champ {
	width:90px;
	color:#A73503;
	font-weight:bold;
}
.login .bas p {
	color:green;
}
.login .menu {
	font-size:12px;
}
.login .menu ul {
	margin:10px;
	padding:0;
	list-style-position: inside;
}

/* ---------------------------------------------------------------------------*/
/* interface client */
.miseenpage {
	border:1px solid black;
	width:50px;
	height:50px;
	background-color:LightGrey;
	margin:0px;
	padding:0px;
	margin-left:21px;
}
.miseenpage TD {
	border:1px solid black;
}
.raddio {
	float:left;
	margin-left:5px;
}
.modifier, input.modifier, textarea.modifier, select.modifier {
	border:1px solid #98AEC9;
	background-color:white;/*#d5fed9;*/
}
.displayInput {
	color:#58769C;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	text-align:left;
}
.t230 {
	width:230px;
}
.t250 {
	width:250px;
}
.t315 {
	width:315px;
}
.t380 {
	width:380px;
}
.t530 {
	width:530px;
}
.displayModifier {
	float:right;
	font-size:11px;
}




/* ---------------------------------------------------------------------------*/
/* publicite */
.pub-180x150 {
	width:185px;
	margin-top:15px;
	text-align:center;
}

/* ---------------------------------------------------------------------------*/
/* footer */
.footer {
	width:800px;
	height:45px;
	margin-left:2px;
	padding-top:4px;
	background: url(../imglf/footer.gif) no-repeat;
	font-size:9px;
}
.footer a {
	padding:0 5px 0 5px;
	color:#2b6cbf;
}