body { text-align: center;  margin: 0px; font-size:12px; background: white; } 
/*  body { text-align: center;  margin: 0px; font-size:12px; background: #383838 url('/images/bg5.gif') repeat-x;  } */



/*  body { text-align: center;  margin: 0px; font-size:12px; background: #280000; }   */

/* body { text-align: center;  margin: 0px; font-size:12px; background: white url('/images/bg11.jpg') repeat-x;  } */

/* body { text-align: center;  margin: 0px; font-size:12px; background: #F2F2F2 url('/images/bg17.jpg') repeat-x;  } */

/* body { text-align: center;  margin: 0px; font-size:12px; background: #5c5c5c url('/images/bg17.jpg') repeat-x; } */

/* body { text-align: center;  margin: 0px; font-size:12px; background: black url('/images/bg14.jpg') repeat-x;  } */

/* body { text-align: center;  margin: 0px; font-size:12px; background: #6e6e6e url('/images/bg17.jpg') repeat-x;  } */

/* body { text-align: center;  margin: 0px; font-size:12px; background: #6e6e6e url('/images/bg16.jpg') repeat-x; background: #2e251d; } */

/* #F2F2F2 */

body, div, input, td, textarea, select { font-family: Helvetica, Verdana, 'Trebuchet ms', Century Gothic, Verdana, Arial, sans-serif; font-size: 12px; color: #565656; }
img { border: none; }
form { margin: 0; padding: 0; }

input { border:1px solid #c6c6c6; padding:4px; background:url('/images/input_bg.gif'); }

input.up { border:1px solid red; }

input.button { background:url('/images/input_button_bg.gif'); border:1px solid #c6c6c6; }
select { padding:4px; border:1px solid #c6c6c6; }




textarea { border:1px solid #c6c6c6; background:#f3f3f3; padding:4px; }

a{outline: none;text-decoration:none; color:#565656;}
:focus{-moz-outline-style: none;}
a:hover { text-decoration:underline;}

#header { width:938px;height:122px; margin:0 auto; background:white url('/images/page_up_right.jpg') 3px 0px no-repeat; text-align:left; }

#footer { width:912px; margin:0 auto; }
#footer .content {  padding:5px; /* background:url('/images/footer_bg.gif') repeat-x; */ height:40px; }
#footer .content div { font-size:11px; }
#footer .content a {  font-size:11px; }


/*
#footer .content .left {  float:left; background:#c1c1c1 url('/images/footer_bg.jpg') repeat-x; height:60px; width:695px;  }
#footer .content .right { float:left; width:217px; height:60px; background: #b3b3b3 url('/images/logo_footer.jpg') center no-repeat; }
*/

/*
#footer div { color:gray; font-size:11px; }
#footer div a { color:gray; }
#footer div a:hover { color:gray; }
*/

#header img { margin-top:24px; margin-left:50px; float:left; }
#cards { width:900px; height:296px; }

/*
#menubar { background:url('/images/menubar.jpg') repeat-x; height:29px; min-width:926px; width:auto; text-align:center; }
ul#menu { background:url('/images/menubar.jpg') repeat-x; height:29px; width:926px; margin:0; padding:0; margin:0 auto; padding-right:20px; }
ul#menu li { list-style:none; margin:0; padding:0; float:right; margin:0 10px 0 10px; padding:6px; cursor:pointer; }
*/

#expertnav { position:relative; top:15px; left:424px; float:left; }
#expertnav a {  width:200px; padding:2px; color:gray; background:url('/images/arrow.gif') 14px 3px no-repeat;padding-left:30px; margin-right:8px; font-size:11px; }

#lang { border:1px solid #dddddd; position:relative; top:-28px; left:284px; padding:5px 0 5px 0; width:0px; overflow:hidden; display:none; background:white; }
#lang a {  padding:0; width:auto; padding-left:10px; }

#lang a.fr {  background:url('/images/fr.gif') 14px 2px no-repeat; }
#lang a.en {  background:url('/images/en.gif') 14px 2px no-repeat; }

#expertnav a.cfr {  background:url('/images/fr.gif') 14px 3px no-repeat; }
#expertnav a.cen {  background:url('/images/en.gif') 14px 3px no-repeat; }

#expertnav a.separator { border-left:1px solid #dddddd; }


#supercontainer {  background:url('/images/back.jpg') center 154px no-repeat;   }

/* vrai couleur du contour clair : #E8E8E8 */
#content { width:894px; padding:0px 4px 10px 4px; margin:0 auto; border-left:1px solid #E9E9E9;  /* border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;*/ }
#container { width:912px; margin:0 auto; background:white; border-bottom:4px solid #a60000; padding:0px; margin-top:3px; } 

#postit { width:203px;height:150px;background:url('/images/postit.jpg') no-repeat; }
#postit .content { background:url('/images/postit_corner.jpg') bottom right no-repeat; height:130px; width:203px; }

/*#postit .title { text-align:left; padding-top:30px; padding-left:70px; background:url('/images/punaise.gif') 24px 10px no-repeat; }*/
#postit .title { text-align:left; padding-top:15px; padding-left:30px;  background:url('/images/red_arrow.gif') 12px 16px no-repeat; font-weight:bold; }

#postit .news { width:180px; margin:0 auto; height:86px; margin-top:16px; }

#vid { background:#767676 url('/images/vid_bg.jpg') repeat-x; height:187px; width:193px; margin-top:11px; text-align:center; }
#vid .title { padding:10px 0px 10px 0px; font-weight:bold; color:white; text-align:left; padding-left:30px; background:url('/images/tv.gif') 12px 7px no-repeat; }
#vid div.mov { border:2px solid #8a898c; width:172px; margin:0 auto; }


#baseline { color:#8a898c; /* #BDBDBD #DDDDDD #d2c9aa */ font-style:italic; font-size:30px;  font-weight:bold; position:relative; top:64px; left:0px; }

.box { width:339px;height:350px;float:left; /*#f6f3ec;*/ }
.box .title { padding-top:15px; text-align:left; padding-left:20px; padding-bottom:8px; background:#767676 url('/images/box_header.jpg'); color:white; font-weight:bold;}
.title span { padding-left:20px; background:url('/images/red_arrow.gif') 0px 1px no-repeat; }
.box .content { text-align:left; margin:26px 10px 10px 20px; }

.box .content a { color:#931b27; }

#zoomcaptionSolution, #zoomcaptionRealisation { text-decoration:none; } 


.box_separator { width:10px; float:left; background:white url('/images/box_separator.jpg') no-repeat; height:350px; }

#right_section { width:206px; float:right; position:relative; left:10px; text-align:left; }


#pbox {
	position:absolute;
}

#pbox span{
	display:block;
	float:left;
}

.mask{
	position:relative;
	width:893px;
	height:250px;
	overflow:hidden;
}

.mask img {
	position:absolute;
	display:block;
	border:none;
}

* html .mask img {
	margin-left:-447px;
}

*+html .mask img {
	margin-left:-447px;
}

#cariane { background:#767676; text-align:left; font-size:11px; padding:5px 5px 5px 20px; color:white; margin-top:3px; display:none; }
#csubmenu { width:190px; float:left; text-align:left; }
#cimage { float:left; height:220px; width:704px; }
#ccontent { float:left; width:494px; background:white; position:relative; top:-20px; text-align:left; padding:10px; text-align:left; }


#ccontent ul { margin:0px; padding:0px; margin:10px; }
#ccontent li { margin:0px; padding:0px; margin-left:14px; }


#ccontent .title { color:#931B27; font-weight:bold; font-size:14px; margin-bottom:20px; }

#ccontextual { float:left; width:190px; background:#ededed url('/images/contextual_border.jpg') top left no-repeat; padding-top:0px; }

#ccontextual img { border:1px solid #cfcfcf }
#ccontextual ul { padding:10px; margin:0px; }

#ccontextual .video, #ccontextual .title { font-weight:bold; text-align:left; padding:10px 10px 10px 40px; }
#ccontextual .video { background:url('/images/red_arrow.gif') 18px 1px no-repeat; }
#ccontextual .title { background:url('/images/red_arrow.gif') 18px 11px no-repeat; margin-top:10px; }

#ccontextual .content { text-align:justify; margin:0px 12px 10px 12px; font-size:11px; }

#ccontextual div a { font-size:11px; }

.overview_img { float:left; margin-right:10px; }

#overview { height:440px; width:704px; overflow:hidden; float:left; } 





/* #submenu a:hover { background:#ab2232; color:white; } */



/*

<div id="cimage"></div>
<div id="ccontent"></div>
<div id="ccontextual"></div>

*/

.formRow { margin:10px; }

.formRow label { text-align:right; width:126px; display:block; float:left; padding:4px; }

.formRow input {  width:200px;  }


.portlet {
	float:left;
	width:234px;
	border:1px solid #e2e3e5;
}

.portlet_head {
	padding:6px;
	font-weight:normal;
	font-size:12px;
	border-bottom:1px solid #e2e3e5;
}



.portlet_content { padding:10px 10px 10px 5px; text-align:left; float:left; }
.imageleft { float:left; width:60px; text-align:center; height:80px; margin-right:5px; }



.portlet .portlet_head a { color:white; }



/* Boite d'Upload */
#iframe_upload { display: none; }
#input_file { border: 1px solid gray;}
#module_loading { display: block; }
#selectfile_box { display: none; }
#uploadfile_box { display: none; text-align: left; }
#upload_box { /* border: 1px solid #E1E1E1; */ border:none; width: 470px; height:auto; }
#upload_box div { padding: 5px 0; }

/* ProgressBar */
#content .progressbg { background: url('/images/progressbar0.gif') repeat-x; border-left: 1px solid gray; border-right: 1px solid gray; margin: 3px 0; height: 18px; padding: 0 1px; text-align: left; overflow: hidden; }
#content .progressgreen { background: url('/images/progressgreen.gif') repeat-x; height: 18px; width: 0; padding: 0; }

.field label { width:94px; display:block; float:left; padding:4px; }
.field input { float:left; }
.field { margin-bottom:10px; }

.logsep { clear:both; height:10px; line-height:10px; }

.lostpwd { float:left; padding:4px; }

#lfrm_popup_status { color:red; font-size:10px; padding:4px; }

/* news */


			#NewsVertical {
				height: 110px;
				display: block;
				overflow: hidden;
				position: relative;
			}
			#TickerVertical {
				width: 170px;
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#TickerVertical li {
				display: block;
				width: 229px;
				height: 106px;
				cursor:pointer;
				overflow: hidden;

				/*line-height: 90px;*/
				/*color: #fff;*/

				/*
				margin: 0;
				padding: 0;
				*/
				padding:0 10px 0 10px;
				/*float: left;*/
			}



.ebox {
	height:182px; width:291px; float:left; margin-right:10px; background:white url('/images/ebox.jpg'); text-align:left;
}

.ebox .title { text-align:left; padding:12px 0px 16px 18px; color:#931B27; font-size:12px; font-weight:bold; }

.ebox .content { border:1px solid white; width:251px; height:84px; margin-left:18px; }

#zoomcaptionRealisation, #zoomcaptionSolution { text-align:center;  margin-top:2px; }

p { padding:0px; margin:0px; }

#zoomcaptionSolution, #zoomcaptionRealisation { font-weight:bold; }


.more { padding-left:10px; background:url('/images/soft-arrow.jpg') no-repeat 0px 4px; }


.row0 { background:#F3F3F3; }
.row1 { background:white; }

#realisation-tab td ul { margin:0px; }
#solution-tab td ul { margin:0px; }


/* screenMask */
#scrmask { background-image: url('/images/transparent.png');  position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1; }


/* PhotoZoom */
#photozoom { z-index: 2; }
#photozoom img { border: 5px solid #333333; }
#loadingDiv img { border: none;	z-index: 20; }
img#closePhotoDiv { position: absolute; right: 5px; top: 19px; border: none; }

#popup { position: absolute; z-index: 21; width: 410px; display: none; padding: 6px; background-image: url('/images/transparent.png'); }
#popupC { background-color: white; text-align: left; border: 0px solid #D9D9D9; }

#closePopup { position: absolute; right: 15px; top: 15px; border: none; background: url('/images/closePopup.gif') no-repeat; width: 14px; height: 14px; text-decoration: none; }
#popupTitle { padding: 15px; }
#popupContent { padding: 15px 15px 5px 15px; }

#popupTitle { cursor: move; }

.alert #popupTitle { background: #AB2232 url('/images/alert-valid.gif') no-repeat 10px center; color: white; font-size: 20px; padding-left: 60px; }
.confirm #popupTitle, .erreur #popupTitle { background: #AB2232 url('/images/alert-warning.gif') no-repeat 10px center; color: white; font-size: 20px; padding-left: 60px; } 
.actu #popupTitle { background: #AB2232; color: white; font-size: 20px; padding-left: 20px; } 
.smail #popupTitle { background: white url('/images/upg.gif') no-repeat 10px center; color: black; padding: 20px; padding-left: 70px; }
.smail #popupTitle span { font-size: 20px; color: #94c20c; }
.smail #popupContent { background-color: #F4F3F3; border-top: 1px solid #D9D9D9; padding: 10px; }
.smail #popupContent div { margin: 7px 0px; }
.smail #popupContent label.left { margin-top: 3px; width: 100px; display: block; float: left; text-align: right; padding-right: 2px; }
.smail #popupContent input.txt { font-size: 16px; }

#popupContent div.input { text-align: center; padding: 10px 0 0 0; }
#popupContent div.input input { margin: 10px 5px; width: 102px;  height: 22px; color: black; font-weight: bold; display: inline; }

/* msgAlert */
#msgAlert, #msgAlertContent { width: 201px; height: 116px; position: absolute; overflow: hidden; }
div#msgAlertContent { background: url('/images/test/msgAlert.gif') no-repeat; position: relative; }
div#msgAlert { display: none; }

.solutions { /*border:2px solid #EDEDED;*/ padding:20px;background:#F6E9EA /* url('/images/bgsolutions.jpg') top right no-repeat*/; margin-right:4px; }

label.inline {
 display:inline;
 width:100px;
 }

