/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                             ELEMENTS GENERIQUES (XHTML)                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


	html, body {
		margin:2px auto; padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
	}
	
	#global {
	margin:0 auto;
	width:700px;
	border-left:1px solid #001D4F;
	border-right:1px solid #001D4F;
	border-top:1px solid #001D4F;
	border-bottom:1px solid #001D4F;
	overflow:none;
	padding:0;
	}
	
	#content {
	text-align:left;
	padding: 15px;
	width: 670px;
	}

	a { text-decoration:none;
		color:#17427F;
		font-weight:bold;	}
	a:hover {  text-decoration:underline;
		color:#537FBF; }
	
	strong {
	font-weight:bold;
	padding:0;
	margin:0;
	}
	strong.str_1 {
	color:#27569F;
	}
		
	p {
	padding:5px 15px 8px 10px;
	text-align:justify;
	line-height:1.4;
	margin:0;
	}
	
	th {
	overflow:auto;
	}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                   BLOCS                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	h1,h2,h3,h4 {
	clear:both;
	}	
	h1 { 
		font-size:21px;
		font-weight:normal;
		text-align:left;
		color:#333;
		margin:5px 0 10px 5px;
	}
	h2 {
		font-size:18px;
		font-weight:normal;
		color:#0F3B7F;
		padding:5px 15px 5px 5px;
	}
	h3 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:5px 15px 5px 5px;
	}
	h3.st2 {
	text-align:left;
	font-size:15px;
	margin:18px 0 15px 7px;
	}
	h4 {
	margin:0;
	padding:5px 15px 5px 10px;
	}
	
	.box {
		margin:10px 40px;
		padding:5px 10px;
		border:2px solid #C2D4EF;
		background-color:#EFF7FF;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		letter-spacing:1px;
		line-height:1.5;
		color:#0D386F;
	}
	
	/*************************************************/
	/*					 HEADER						 */
	/*************************************************/
	.header {
	position:relative;
	width:700px;
	margin:0 0 3px 0;
	}
	a.logo {
	display:block;
	width:700px;
	height:108px;
	margin:3px 0 0 0;
	}
	.header img {
	border:none;
	}
	
	/*************************************************/
	/*					 FOOTER						 */
	/*************************************************/
	#footer {
	width:500px;
	text-align:center;
	margin:5px auto;
	padding:0;
	height:40px;
	}
	#footer p {
	text-align:center;
	}

	/*************************************************/
	/*					  MENUS						 */
	/*************************************************/
	#menu ul {
	margin:0;
	text-align:center;
	width:690px;
	padding:0 5px;
	background-color:#DFE8FF;
	border-top:1px solid #001D4F;
	border-bottom:1px solid #001D4F;
	background-color:#EFF3FF;
	overflow:auto;
	}
	#menu ul li,ul#menu_prod li {
	list-style:none;
	float:left;
	}
	#menu ul li a {
	background-color:#EFF3FF;
	display:block;
	padding:4px 10px 4px 9px;
	}
	#menu ul li a:hover {
	background-color:#DFE8FF;
	color:#17427F;
	text-decoration:none;
	}
	
	
	/*************************************************/
	/*					 PARTENAIRES				 */
	/*************************************************/
	
	#partenaires img {
	margin:15px 10px 15px 15px;
	}
	
	
	
	/*************************************************/
	/*					 SOLUTIONS					 */
	/*************************************************/
	
	#menu_solution {
	list-style-type:disc;
	overflow:auto;
	margin:5px 0 35px 24px;
	}
	#menu_solution li {
	float:left;
	clear:left;
	line-height:27px;
	}
	#menu_solution li a {
	padding:0 0 1px 2px;
	font-size:15px;
	color:#FFA70F;
	}
	
	img.solutionst1 {
	padding:75px 0 0 25px;
	}
	img.solutionst2 {
	display:block;
	float:right !important;
	padding:10px 70px 10px 15px;
	}
	img.solutionst2#elt6 {
	padding-right:48px;
	}
	
	/*************************************************/
	/*					  FAQ						 */
	/*************************************************/
	
	dl#FAQ dt {
		font-size:13px;
		font-weight:bold;
		text-decoration:underline;
		margin:10px 0 7px 0;
	}
	dl#FAQ dd {
		margin:5px 10px 9px 30px;
	}
	
	/*************************************************/
	/*					  STRONG					 */
	/*************************************************/
	
	.false {
	color:#BE0B29;
	font-size:14px;
	margin:0 5px 4px 0;
	}
	.true {
	color:#0F8F08;
	font-size:14px;
	margin:0 5px 4px 0;
	}
	.slogan {
	font-size:12px;
	padding:10px 0 5px 0;
	line-height:2;
	}
	
	/*************************************************/
	/*					  LIENS						 */
	/*************************************************/
	
	.suite {
	display:block;
	float:right;
	margin-right:10px;
	}
	
	.precedent {
	display:block;
	float:left;
	margin-right:10px;
	}
	
	
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    TITRES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    LISTES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

	ul {
	margin: 0 0 7px 15px;
	}
	li {
	line-height:1.3;
	list-style-position:inside !important;
	}

	ul.st1 {
	list-style:disc;
	}
	.st1 li {
	margin:1px 0 7px 0;
	width:600px;
	}

	dl.st1 {
	margin:0 0 0 15px;
	line-height:1.3;
	}
	.st1 dt {
	font-weight:bold;
	margin: 3px 0 2px 0;
	clear:left;
	}
	.st1 dd {
	margin: 5px 20px 10px 20px;
	display:block;
	overflow:auto;
	text-align:justify;
	}
	.st1 dd img {
	float:left;
	margin:3px 10px 2px 0;
	}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                      LIENS                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.lnk_update {
	float:left; width:16px; height:16px;
	background:url(../zims/icons/edit2.png) 0 0 transparent no-repeat;
} .lnk_update:hover { background-position:-16px; }
  .lnk_update span  { display:none; }

.lnk_erase {
	float:left; width:16px; height:16px;
	background:url(../zims/icons/erase.png) 0 0 transparent no-repeat;
} .lnk_erase:hover { background-position:-16px; }
  .lnk_erase span  { display:none; }



	a.st1 {
	margin: 0 0 5px 15px !important;
	}






/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                   FORMULAIRES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	
	fieldset {
	border:1px solid #1E69AD;
	padding:10px 0 3px 20px;
	}
	legend { 
	font-size:14px;
	font-weight:bold;
	color:#12335F;
	}
	#contact p {
	margin:0;
	padding:3px 0 4px 0;
	overflow:auto;
	}
	#contact_content p {
	width:500px;
	float:left;
	overflow:auto;
	margin:0 0 6px 0;
	}	
	label {
	float:left;
	width:120px;
	/*margin:5px 5px 5px 30px;*/
	color:#084F8F;
	clear:left;
	}
	input {
	width:180px;
	clear:right;
	/*margin:3px 350px 5px 0;*/
	}
	textarea {
	width:400px;
	margin-top:5px;
	}
	input,textarea {
	float:left;
	padding:1px 2px 2px 2px;
	border:1px solid #1E69AD;
	background-color:#EFF8FF;
	}
	p.boutons {
	clear:both;
	overflow:none;
	margin: 0 3px 0;
	padding:0;
	}
	p.boutons input {
	position:relative;
	margin:10px auto 0 auto;
	_margin:0;
	padding:2px 2px 1px 2px;
	left:240px;
	width:100px;
	background-color:#EFF8FF;
	}

	p#ok {
	color:#0F8F08;
	}
	
	p#er,label.missing {
	color:#BE0B29;
	}



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    TABLEAUX                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/










/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    DIVERS                                                         
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.clear    { margin:0;padding:0;border:0; height:1px; line-height:1px; visibility:hidden;width:100%; float:none; clear:both; }
.noborder { border:0; }

.center {
margin:5px auto !important;
text-align:center !important;
}

#confort {
position:relative;
left:160px;
width:340px !important;
}

.border_st1 {
border:3px solid #B3C5EF;
padding-top:8px;
padding-bottom:8px;
padding-left:7px;
}

  /************************************************
					Images
  ************************************************/

img#crea_confort {
float:right;
margin:-28px 10px 0 25px;
}

img#img_presentation {
width:380px;
margin:auto;
display:block;
text-align:center;
}

img#img_FAQ_conso {
width:250px;
text-align:center;
margin:5px 0 5px 150px;
}
img#img_FAQ_dB {
margin:0 0 0 -15px;
}

img#img_home {
width:631px;
display:block;
margin:0 auto;
text-align:center;
}

img#vivrelec {
width:200px;
text-align:center;
margin:25px 250px 15px 250px;
}