html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

a:hover { cursor: pointer }

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* reset */

body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.body-white {
	background: white;
}


/* all pages */

#top {
	background-image: url(images/HTML_bg_v_5px.png);
	/*border: 1px solid black;*/
	height: 90px;
	margin: 0px auto;
	width: 996px;
}

#topleft {
	/*border: 1px solid black;*/
	float: left;
	height: 90px;
	width: 290px;
}

#topright {
	/*border: 1px solid black;*/
	float: right;
	height: 90px;
	width: 700px;
}


#espace {
	float: right;
	height: 33px;
	margin-right: 30px;
	width: 145px;
}

#espace p a.client {
	background-image: url(images/btn_espace-client.png);
	background-position: top;
	color: white;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 28px;
	padding-left: 12px;
	padding-top: 5px;
	text-decoration: none;
	width: 133px;
}

#espace p a.client:hover {
	background-position: bottom;
}


#menubox {
	/*border: 1px solid black;*/
	float: right;
	height: 28px;
	padding-top: 29px;
	width: 630px;
}


#navigation li {
	float: left;
}


/*
#navigation li a {
	background-image: url(images/nav1_bg.png);
	background-position: top;
	color: #003088;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	height: 22px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	padding-top: 6px;
	width: 147px;
}

#navigation li a:hover {
	background-position: bottom;
	color: black;
}

#navigation li.selected a  {
	background-position: bottom;
	color: black;
}
*/


#logo {
	float: left;
	margin-left: 20px;	
}

.mb20 {
	margin-bottom: 20px;
}

.mbb20 {
	font-weight: bold;
	margin-bottom: 20px;
}

.activepage {
	color: #4f4f50;
	font-weight: bold;
}

#wrapper-mid a {
	color: #003088;
}

#wrapper-mid a:hover {
	text-decoration: none;
}

/* all pages */

/* buttons */

/*
#left p a.big-btn {
	background-image: url(images/btn_action_large_index.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 18px;
	font-weight: bold;
	height: 53px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 300px;
}

#left p a.big-btn:hover {
	background-position: bottom;
	color: black;
}
*/

#left p a.small-wide-btn {
	background-image: url(images/small-wide-button.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 350px;
}



	
#left p a.probleme {
	background-image: url(images/probleme-but.png);
	background-position: top;
	color: black;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	width: 156px;
}

#left p a.probleme:hover {
	background-position: bottom;
	color: black;
}

#left p a.effect {
	background-image: url(images/effect-btn.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	width: 230px;
}

#left p a.effect:hover {
	background-position: bottom;
	color: black;
}

a.small-yellow {
    /* Sliding right image */
background: transparent url('images/small-but-right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.small-yellow span {
/* Background left image */ 
background: transparent url('images/small-but-left.png') no-repeat; 
display: block;
line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 5px 18px;
} 

a.small-yellow:hover span{
text-decoration:underline;
}	

a.small-grey {
    /* Sliding right image */
background: transparent url('images/grey-right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 31px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 2px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.small-grey span {
/* Background left image */ 
background: transparent url('images/grey-left.png') no-repeat; 
display: block;
line-height: 31px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 16px 10px;
} 

a.small-grey:hover span{
text-decoration:underline;
}

#whiteboxbottom a.white-box-btn {
	background-image: url(images/white-box-but.png);
	background-position: top;
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	padding-top: 7px;
	width: 171px;
}

#whiteboxbottom a.white-box-btn:hover {
	background-position: bottom;
	color: black;
}

#vseccon p a.big-btn {
	background-image: url(images/effect-btn.png);
	background-position: top;
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 10px;
	width: 220px;
}

#vseccon p a.big-btn:hover {
	background-position: bottom;
	color: black;
}

#vsecbtn p a.wide-orange {
	background-image: url(images/wide-orange.png);
	background-position: top;
	color: black;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 20px;
	width: 185px;
}

#vsecbtn p a.wide-orange:hover {
	background-position: bottom;
	color: black;
}

#vsecbtn p a.wide-oranger {
	background-image: url(images/wide-orange.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 20px;
	text-align: right;
	width: 185px;
}

#vsecbtn p a.wide-oranger:hover {
	background-position: bottom;
	color: black;
}


#wrapper-bottom p a.orange-tab {
	background-image: url(images/orange-tab.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin-right: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 171px;
}

#wrapper-bottom p a.orange-tab:hover {
	background-position: bottom;
	color: black;
}

#wrapper-bottom p a.grey-tab {
	background-image: url(images/grey-tab.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin-right: 1px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 171px;
}

#wrapper-bottom p a.grey-tab:hover {
	background-position: bottom;
	color: black;
}


/*
#solta p a.solution-wide {
	background-image: url(images/solutions-button-big.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	margin-right: -5px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 260px;
}

#solta p a.solution-wide:hover {
	background-position: bottom;
	color: black;
}
*/

#lasolution a.solution-wide {
	background-image: url(images/solutions-button-big.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 260px;
}

#lasolution a.solution-wide:hover {
	background-position: bottom;
	color: black;
}


#lefttop-area a.solution-wide {
	background-image: url(images/solutions-button-big.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 260px;
}

#lefttop-area a.solution-wide:hover {
	background-position: bottom;
	color: black;
}



#lasolution a.solution-small {
	background-image: url(images/wide-orange.png);
	background-position: top;
	color: black;
	display: block;

	font-size: 12px;
	font-weight: bold;
	height: 22px;
	float: right;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 205px;
}

#lasolution a.solution-small:hover {
	background-position: bottom;
	color: black;
}

#statut-button p a.solution-wide {
	background-image: url(images/solutions-button-big.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 260px;
}

#statut-button p a.solution-wide:hover {
	background-position: bottom;
	color: black;
}




.expandbody a.solution-small {
	background-image: url(images/wide-orange.png);
	background-position: top;
	color: black;
	display: block;

	font-size: 12px;
	font-weight: bold;
	height: 22px;
	float: right;
	margin-top: 20px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 205px;
}

.expandbody a.solution-small:hover {
	background-position: bottom;
	color: black;
}

#left a.widest-yellow {
	background-image: url(images/msjour2wide.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 335px;
}

#left a.widest-yellow:hover {
	background-position: bottom;
	color: black;
}



/* buttons */

/* index page */

#i-box {
	background-image: url(images/MEA_ACC_00_bg.png);
	/*border: 1px solid black;*/
	height: 465px;
	margin: 4px auto 0px;
	width: 996px;
}

#i-box-con {
	/*border: 1px solid black;*/
	float: right;
	padding-top: 60px;
	width: 410px;
}

.i-box-big {
	color: #003088;
	font-size: 34px;
	font-weight: bold;
	line-height: 45px;
}

.i-box-small {
	color: #4f4f50;
	font-size: 11px;
	margin-top: 20px;
}

#i-box-con p a.diag-btn {
	background-image: url(images/btn_action_large_index.png);
	background-position: top;
	color: black;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 53px;
	margin-top: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 300px;
}

#i-box-con p a.diag-btn:hover {
	background-position: bottom;
	color: black;
}

.diag-small {
	font-size: 12px;
	font-weight: bold;
}

h1 {
	color: #003088; 
	display: inline;
	float: left;
	font-size: 22px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 55px;
}

#three-pods {
	/*border: 1px solid black;*/
	clear: both;
	height: 140px;
	padding-top: 30px;
	width: 996px;
}

.ptop {
	background-image: url(images/pod-tops.png);
	height: 23px;
	padding: 7px 0px 0px 12px;
	text-align: left;
	width: 289px;
}

.ptop p {
	font-size: 14px;
	font-weight: bold;
}


#pod-one {
	float: left;
	height: 139px;
	margin-left: 20px;
	margin-right: 25px;
	width: 301px;
}

#pod-onebg {
	background-image: url(images/clock-bg.png);
	background-position: bottom;
	float: left;
	height: 85px;
	margin-right: 25px;
	padding: 15px 12px 0px 12px;
	width: 277px;
}

#pod-onebg p, #pod-twobg p {
	font-size: 12px;
}

#pod-onebg p a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	margin: 13px 0px 0px 90px;
	padding-top: 5px;
	width: 90px;
}

#pod-onebg p a.cici:hover {
	background-position: bottom;
}

#pod-two {
	float: left;
	height: 139px;
	margin-right: 25px;
	width: 301px;
}

#pod-twobg {
	background-image: url(images/phone-bg.png);
	background-position: bottom;
	float: left;
	height: 85px;
	margin-right: 25px;
	padding: 15px 12px 0px 12px;
	width: 277px;
}

#pod-twobg p a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	margin: 13px 0px 0px 90px;
	padding-top: 5px;
	width: 90px;
}

#pod-twobg p a.cici:hover {
	background-position: bottom;
}

#pod-three {
	float: left;
	height: 139px;
	width: 301px;
}

#pod-threebg {
	background-image: url(images/cogs-bg.png);
	background-position: bottom;
	float: left;
	height: 80px;
	padding: 20px 12px 0px 12px;
	width: 277px;
}

#threebox {
	float: left;
	height: 21px;
	width: 280px;
}


.opt-p {
	background-image: url(images/small-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #003287;
	color: white;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	padding: 5px 0px 0px 7px;
	height: 19px;
	width: 100px;
}

#threebox input {
	background-color: #FFF;
	border: 1px solid #cccccc;
	float: left;
	height: 21px;
	width: 100px;
}

#threebox select {
	background-color: #003088;
	border: 1px solid #cccccc;
	color: white;
	float: left;
	height: 26px;
	margin-right: 6px;
	padding-bottom: 3px;
	width: 110px;
}

#threebox .sbut {
	background-image: url(images/ok.png);
	border: none;
	float: left;
	font-weight: bold;
	height: 28px;
	margin-left: 5px;
	width: 55px;
}

#numero a {
	color: #003088;
	display: block;
	float: left;
	font-size: 12px;
	margin-top: 10px;
}


.rightboxcontent a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	margin-right: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	width: 90px;
}

.rightboxcontent a.cici:hover {
	background-position: bottom;
}


/* index page */


/* content page template parts */

#wrapper-top {
	background-image: url(images/Wrapper_title_bg_top_10px.png);
	height: 10px;
	margin: 4px auto 0px;
	width: 996px;
}

#wrapper-mid {
	background-image: url(images/Wrapper_title_bg_middle_5px.png);
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 20px 20px 0px 20px;
	width: 956px;
}

#wrapper-bottom {
	background-image: url(images/Wrapper_title_bg_bottom.png);
	height: 30px;
	margin: 0px auto;
	width: 996px;
}

#container {
	margin: 0px auto;
	width: 996px;
}

#content {
	/*border: 1px solid black;*/
	float: left;
	width: 681px;
}

#left {
	/*border: 1px solid black;*/
	float: left;
	padding: 20px 0px 20px 20px; 
	width: 681px;
}

#lefttop-area {
	border-bottom: 4px solid #eeeaea;
	float: left;
	padding-bottom: 20px;
	
	margin-bottom: 20px;
width: 681px;
}




#right {
	float: left;
	padding-bottom: 20px;
	width: 290px;
}

#rightpod-mobile {
	background-image: url(images/right-pod-mobile.png);
	height: 117px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 15px 20px;
	width: 208px;
}

#rightpod-clock {
	background-image: url(images/right-pod-clock.png);
	height: 117px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 15px 20px;
	width: 208px;
}

#rightpod-face {
	background-image: url(images/right-pod-woman.png);
	height: 117px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 15px 20px;
	width: 208px;
}

#rightpod-cogs {
	background-image: url(images/right-pod-cogs.png);
	height: 117px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 15px 20px;
	width: 208px;
}

#footer {
	border-top: 4px solid #eeeaea;
	clear: both;
	height: 50px;
	margin: 0px auto;
	padding: 20px 20px;
	width: 956px;
}

#footer p {
	color: #555555;
	font-size: 12px;
}

.expandbox {
	/*border: 1px solid black;*/
	background-image: url(images/expandbox-top.png);
	clear: both;
	height: 18px;
	padding: 20px;
	width: 641px;
}


.expandbody {
	background-image: url(images/expand-box-bg.png);
	float: left;
	padding: 20px;
	width: 641px;
}

.expandbox-bottom{
	background-image: url(images/expandbox-bottom.png);
	float: left;
	height: 14px;
	margin-bottom: 20px;
	width: 681px;
}

.ebbig {
	color: #003088;
	font-size: 18px;
}

/*
.pandm p a.pm {
	background-image: url(images/ico_plus-et-moins.png);
	background-position: top;
	display: block;
	float: right;
	height: 16px;
	margin-right: 1px;
	margin-top: 6px;
	width: 16px;
}

.pandm p a.pm:hover {
	background-position: bottom;
	color: black;
}
*/

#bignav {
	background-image: url(images/big-menu.png);
	background-position: 0px 0px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

/*
#diagnostic-2 #bignav {
	background-image: url(images/big-menu.png);
	background-position: 0px -52px;
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#diagnostic-3 #bignav {
	background-image: url(images/big-menu.png);
	background-position: 0px -104px;
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#diagnostic-4 #bignav {
	background-image: url(images/big-menu.png);
	background-position: 0px -156px;
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}
*/

#bigmenu #one {
	/*height: 10px;*/
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	width: 209px;
	font-weight: bold;
}
	
#bigmenu #two {
	height: 10px;
	float: left;
	padding-left: 55px;
	padding-top: 15px;
	width: 174px;
	font-weight: bold;
}

#bigmenu #three {
	height: 10px;
	float: left;
	padding-left: 70px;
	padding-top: 15px;
	width: 195px;
	font-weight: bold;
}

#bigmenu #four {
	height: 10px;
	float: left;
	padding-left: 40px;
	padding-top: 15px;
	width: 189px;
	font-weight: bold;
}

#bignav2 {
	background-image: url(images/big-menu2.png);
	background-position: 0px 0px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#reparation-2 #bignav2 {
	background-image: url(images/big-menu2.png);
	background-position: 0px -52px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#reparation-3 #bignav2 {
	background-image: url(images/big-menu2.png);
	background-position: 0px -104px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#bigmenu2 #one {
	height: 10px;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	width: 285px;
}
	
#bigmenu2 #two {
	height: 10px;
	float: left;
	padding-left: 55px;
	padding-top: 15px;
	width: 285px;
}

#bigmenu2 #three {
	height: 10px;
	float: left;
	padding-left: 40px;
	padding-top: 15px;
	width: 200px;
}


.podtitle {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin: 15px auto;
}

.rp-large {
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}

.rp-small {
	color: #000000;
	font-size: 14px;
	line-height: 1.3;
	margin-top: 5px;
}

#rightpod-face a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	width: 90px;
}

#rightpod-face a.cici:hover {
	background-position: bottom;
}

#rightpod-clock a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	width: 90px;
}

#rightpod-clock a.cici:hover {
	background-position: bottom;
}

#rightpod-mobile a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	width: 90px;
}

#rightpod-mobile a.cici:hover {
	background-position: bottom;
}

#rightpod-cogs a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	width: 90px;
}

#rightpod-cogs a.cici:hover {
	background-position: bottom;
}


.genericlist {
	margin-top: 10px;
	margin-bottom: 14px;
}

.genericlist li {
	font-weight: bold;
}
	
hr {
clear: both;
	color: #dddbdb;
	margin-top: 60px;
width: 100%;
}


.bold {
	font-weight: bold;
}


/* content page template parts */


/* mise a jour 01 */

.fbox {
	/*border: 1px solid black;*/
	height: 30px;
	margin-bottom: 10px;
	width: 400px;
}

.fbox p, .fbox select {
	float: left;
}

.fbox select {
	height: 26px;
	padding-bottom: 3px;
	width: 280px;
}

/* mise a jour 01 */

/* mise a jour 02 */

.exbl {
	/*border: 1px solid black;*/
	float: left;
	padding-bottom: 10px;
	width: 380px;
	height: 300px;
	text-align: center;
	vertical-align: middle;
	/*line-height: 300px;
	margin: auto;*/
}

.exbr {
	/*border: 1px solid black;*/
	float: left;
	width: 200px;
}

/*
#scrollbox {
	/*border: 1px solid black;*/
	clear: both;
	height: 70px;
	width: 380px;
	text-align: center;
}
*/

#arrowleft, #arrowright {
	/*border: 1px solid black;*/
	float: left;
	height: 58px;
	padding-top: 12px;
	width: 30px;
}

#pic1, #pic2, #pic3 {
	/*border: 1px solid black;*/
	/*background-color: #000000;*/
	float: left;
/*	
	height: 70px;
	width: 89px;
*/
	padding: 0px 6px;
}
	
#arrowleft p a.pm {
	background-image: url(images/yellow-arrow.png);
	background-position: top;
	display: block;
	float: right;
	height: 30px;
	margin-right: 1px;
	margin-top: 6px;
	width: 30px;
}

#arrowleft p a.pm:hover {
	background-position: center;
	color: black;
}	

#arrowleft p a.pm:active {
	background-position: bottom;
	color: black;
}	
	
#arrowright p a.pm {
	background-image: url(images/arrow-right.png);
	background-position: top;
	display: block;
	float: right;
	height: 30px;
	margin-right: 1px;
	margin-top: 6px;
	width: 30px;
}

#arrowright p a.pm:hover {
	background-position: center;
	color: black;
}	

#arrowright p a.pm:active {
	background-position: bottom;
	color: black;
}		

/* mise a jour 02 */

/* diagnostic */

.bold24 {
	color: #003088;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
}

.bold18 {
	color: #4f4f50;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.IMEI {
	background-color: #e4e4e4;
	float: left;
	height: 16px;
	padding: 5px;
	width: 146px;
}

#IMEI-sec {
	float: left;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 200px;
}

#IMEI-right-sec {
	float: left;
	padding-top: 30px;
	padding-bottom: 10px;
	width: 457px;
}

#cc input {
	float: left;
	height: 21px;
	margin-bottom: 55px;
	width: 14px;
}

#avez-vous {
	float: left; 
	margin-top: 7px; 
	margin-right: 5px;
}

/* diagnostic */

/* diagnostic 02 */

.demarrez {
	float: right;
	margin-top: 30px;
}

.installer {
	float: right;
	margin: 20px 0px;
}

.symptomes-yellow-but {
	float: right;
	margin-top: 10px;
}




#symptomesfield input {
	border: 1px solid black;
	float: left;
	height: 20px;
	margin-top: 15px;
	width: 430px;
}

.toplefttit {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
	


.rightboxtop {
	background-image: url(images/box-grad-top.png);
	float: left;
	height: 7px;
	margin-left: 20px;
	margin-top: 20px;
	width: 247px;
}

.rightboxcontent {
	background-image: url(images/box-grad-mid.png);
		background-repeat: repeat-y;
	float: left;
	margin-left: 20px;
	padding: 10px;
	width: 247px;
}

.rightboxbot {
	background-image: url(images/box-grad-bot.png);
	float: left;
	margin-left: 20px;
	height: 7px;
	width: 247px;
}

.rightboxcontent p {
	font-size: 18px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.rightboxcontent ul {
	float: left;
	margin-top: 20px;
}

.rightboxcontent ul li a {
	color: #003088;
	font-size: 12px;
	padding-left: 15px;
}

.rightboxcontent ul li a:hover {
	color: #003088;
	font-size: 12px;
	padding-left: 15px;
	text-decoration: none;
}

.rightboxcontent ul li {
	background-image: url(images/blue-list-tri.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.rbcbtn {
	float: right;
	margin-right: 15px;
}

.rightboxcontent textarea {
	height: 80px;
	margin: 20px auto;
	/*width: 220px;*/
	width: 221px;
}

#wb {
	float: left;
	width: 240px;
}

#whiteboxtop {
	background-image: url(images/round-corner-top.png);
	float: left;
	height: 10px;
	width: 170px;
}

#whiteboxbot {
	background-image: url(images/round-corner-bot.png);
	float: left;
	height: 10px;
	width: 170px;
}

#whitebox {
	border-left: 1px solid #dbdcdc;
	border-right: 1px solid #dbdcdc;
	clear: both;
	float: left;
	height: 200px;
	text-align: center;
	width: 169px;
}

#whiteboxbottom {
	float: left;
	text-align: center;
	width: 170px;
}

.dd {
	background-color: #e4e4e4;
	height: 16px;
	padding: 5px;
	width: 100px;
}

.icilower {
	margin-top: 20px;
}

/* diagnostic 02 */

/* diagnostic 03 */


#rwhiteb {
	/*border: 1px solid black;*/
	float:left;
	width: 430px;
}

/*
.tools ul li {
	clear: both;
	height: 50px;
}

.tools ul li a {
	color: #000;
	text-decoration: underline;
}

.tools ul li a:hover {
	text-decoration: none;
}
*/


a.tooltext {
	padding-left: 10px;
	color: #000;
	text-decoration: underline;
}

a.tooltext:hover {
	color: #000;
	text-decoration: none;
}


.tool-list-img {
	float: left;
}

/* diagnostic 03 */

/* diagnostic 04 */

#verification-sec {

	padding: 20px;
	width: 956px;
}

.veri-tit {
	font-size: 20px;
	font-weight: bold;
}

#vsec {
	border-bottom: 2px dotted #c0c0c0;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 956px;
}

/*
#vecintro {
	float: left;
	padding: 20px 0px;
	width: 660px;
}

#vseccon {
	border-top: 2px dotted #c0c0c0;
	float: left;
	height: 90px;
	padding-top: 20px;
	width: 660px;
}

#vsecimg {
	float: left;
	height: 205px;
	margin-right: 40px;
	width: 250px;
}
*/

#vsecbtn {
	clear: both;
	height: 20px;
	width: 956px;
}

.checkbox {
	margin-right: 8px;
}

#vseccon input {
	vertical-align: middle;
}

/* diagnostic 04 */

/* diagnostic 05 */

.bold18blue {
	color: #003088;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

#lasolution {
	margin-top: 20px;
}

#lasolution li {
	color: #003088;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 60px;
	padding-left: 30px;
}

.noone {
	background-image: url(images/one.png);
	background-repeat: no-repeat;
}

.notwo {
	background-image: url(images/two.png);
	background-repeat: no-repeat;
}

.grey {
	color: #4f4f50;
}

#border {
	border-bottom: 2px dotted #c0c0c0;
	height: 10px;
	width: 676px;
}

.bold20 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}

.bold14 {
	color: #003088;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.radio {
	vertical-align: center;
}


#radiobutsone {
	width: 600px;
}

#radiobutstwo {
	width: 680px;
}

.rbbox {
	float: left;
	height: 30px;
	width: 150px;
}

.rbboxtwo {
	float: left;
	height: 30px;
	width: 220px;
}

.rbboxthree {
	float: left;
	height: 30px;
	padding-left: 20px;
	text-align: right;
	width: 200px;
}

.rbboxthree input {
	border: 1px solid #003088;
	width: 214px;
}
#greybar {
	background-color: #e4e4e4;
	float: left;
	height: 16px;
	padding: 5px;
	width: 260px;
}

#solta  {
	/*border: 1px solid black;*/
	float: left;
	height: 150px;
	width: 405px;
}


#solta textarea {
	border: 1px solid #003088;
	height: 100px;
	width: 405px;
}

#solution-bottom {

	clear: both;
	height: 200px;
	weight: 810px;
}

/* diagnostic 5 */

/* diagnostic 6 */

#yellow-square {
	background-color: #fff482;
	height: 160px;
	margin: 20px 0px 0px 20px;
	padding: 20px;
	width: 206px;
}

#yellow-square a {
	color: #003088;
}

#yellow-square a:hover {
	color: #003088;
	text-decoration: none;
}

.ystit {
	color: #003088;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}


/* diagnostic 6 */


/* reparation */

.gb {
	background-color: #e4e4e4;
	font-weight: bold;
	float: left;
	height: 16px;
	padding: 5px;
	width: 200px;
}

.repbox {
	height: 70px;
	margin-bottom: 10px;
	width: 500px;
}

.repbox input {
	border: 1px solid #003088;
	float: left;
	height: 21px;
	width: 170px;
}

.repbox p a.question {
	background-image: url(images/btn_question_all.png);
	background-position: top;
	display: block;
	float: left;
	height: 30px;
	margin-left: 5px;
	width: 30px;
}
	

.repbox p a.question:hover {
	background-position: bottom;
	color: black;
}

/* reparation */

/* reparation 02 */

#reparation-sec {
	
	padding: 20px;
	width: 956px;
}

.rep-box {
	float: left;
	clear: both;
	margin-top: 30px;
	width: 956px;
}

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

.greyblock {
	background-color: #e4e4e4;
	height: 26px;
	width: 600px;
}

.gblock {
	background-color: #e4e4e4;
	float: left;
	height: 26px;
	width: 300px;
}

.gblock2 {
	background-color: #e4e4e4;
	float: left;
	height: 50px;
	width: 300px;
}

.gbtext {
	float: left;
	height: 21px;
	width: 300px;
}

.gbinput input {
	height: 21px;
	width: 300px;
}

.gberror {
	background-color: #d8d8d8;
	float: left;
	height: 26px;
	width: 320px;
}

.gbe-displaynone {
	background-color: #d8d8d8;
	display: none;
	float: left;
	height: 26px;
	width: 280px;
}


.gbnormal {
	background-color: #ffcccc;
	float: left;
	height: 26px;
	width: 320px;
}

.gbnormal p, .gberror p {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	width: 310px;
}



.cross {
	float: left;
	margin: 0px 5px;
	width: 25px;
}

.repblock {
	clear: both;
	/*border: 1px solid black;*/
	height: 30px;
	width: 956px;
}

.repblock2 {
	clear: both;
	float: left;
	height: 54px;
	/*border: 1px solid black;*/
	width: 956px;
}

.greyblockta {
	background-color: #e4e4e4;
	float: left;
	margin-top: 4px;
	width: 600px;
}


.greyblockcheck {
	background-color: #e4e4e4;
	float: left;
	margin-top: 4px;
	width: 600px;
}



.gbtext p {
	margin: 5px 0px 0px 5px;
}

.gbinput {
	/*border: 1px solid;*/
	float: left;
	height: 21px;
	width: 300px;
}



.gbcheck {
	float: left;
	padding-bottom: 15px;
	width: 300px;
}

#gbcinput {
	float: left;
	height: 30px;
	padding-right: 45px;
	width: 550px; 
	text-align: right;
}

#gbcinput input {
	border: 1px solid #003088;
	height: 18px;
	width: 245px;
}

.cbox {
	vertical-align: text-bottom;
	margin-top: 10px;
	margin-right: 4px;}
	

	
.gbinput #date {
	float: left;
	height: 27px;
	margin-right: 5px;
	width: 70px;
}

.gbinput #month {
	float: left;
	height: 27px;
	margin-right: 5px;
	width: 116px;
}

.gbinput #year {
	float: left;
	height: 27px;
	width: 104px;
}



.greyblock p {
	float: left;
}

.gbradio {
	float: left;
	height: 15px;
	padding-top: 6px;
	width: 120px;
}

.gbradio .radio {
	margin-right: 5px;
	vertical-align: text-top;
}

.gbtextarea {
	float: left;
	height: 50px;
	width: 300px;
}

.gbtextarea textarea {
	height: 45px;
	width: 295px;
}

.gbtextarea2 textarea {
	height: 45px;
	width: 300px;
}

.gbnormal p a.question, .gberror p a.question {
	background-image: url(images/btn_question_all.png);
	background-position: top;
	display: block;
	float: right;
	height: 30px;
	margin-top: -6px;
	width: 30px;
}
	

.gbnormal p a.question:hover, .gberror p a.question:hover {
	background-position: bottom;
	color: black;
}

#reparation-sec p a.big-btn {
	background-image: url(images/btn_action_large_index.png);
	background-position: top;
	color: black;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 53px;
	margin-bottom: 16px;
	margin-left: 300px;
	margin-top: 8px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 300px;
}

#reparation-sec p a.big-btn:hover {
	background-position: bottom;
	color: black;
}


/* reparation 02 */

/* reparation 03 */

#errorbar {
	background-color: #ffcccc;
	height: 16px;
	padding: 7px;
	width: 942px;
}

.gbinput #ville {
	float: left;
	height: 27px;
	margin-right: 5px;
	width: 307px;
}

.gbinputcode input {
	float: left;
	height: 21px;
	margin-right: 5px;
	width: 120px;
}

.greyblock3 {
	background-color: #e4e4e4;
	float: left;
	width: 600px;
}

.gbtext3 {
	float: left;
	padding: 5px;
	width: 290px;
}

#textblock {
	float:left;
	font-size: 11px;
	padding: 10px 0px;
	width: 600px;
}

.greybcheck {
	background-color: #e4e4e4;
	float: left;
	padding: 5px;
	width: 590px;
}

/* reparation 03 */

/* reparation 04 */

#rboxl {

	float: left;

	padding-top: 20px;
	padding-right: 60px;
	width: 300px;
}

#rboxr {

	float: left;

	padding-top: 20px;
	width: 300px;
}

.rboximg {
	float: left;
	margin-right: 25px;
}

/* reparation 04 */

/*reparation suivi 01 */

.suiviblock {
	background-color: #e4e4e4;
	float: left;
	height: 26px;
	width: 220px;
}

.suivitext p {
	margin: 5px 0px 0px 5px;
}

.suivitext {
	float: left;
	height: 21px;
	width: 300px;
}

.suiviinput input {
	height: 21px;
	width: 160px;
}

.scinput input {
	height: 21px;
	margin-bottom: 10px;
	width: 230px;
}

/*reparation suivi 01 */

/*reparation suivi 02 */

#suivi-right {
	/*border: 1px solid black;*/
	float: left;
	height: 200px;
	width: 460px;
}

.bold20blue {
	color: #003088;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

#swb {
	float: left;
	width: 210px;
}

#c-d-box {
	border-left: 1px solid #dbdcdc;
	border-right: 1px solid #dbdcdc;
	padding: 15px;
	width: 430px;
}

#cdboxtop {
	background-image: url(images/wide-box-top.png);
	height: 10px;
		margin-top: 20px;
	width: 460px;
}

#cdboxbot {
	background-image: url(images/wide-box-bot.png);
	height: 10px;
	width: 460px;
}

.statut-list li {
	margin-bottom: 10px;
}

.stdate {
	color: #003088;
	float: left;
	width: 100px;
}

#statut-button {
	height: 40px;
	padding-top: 10px;
	width: 460px;
}

/*reparation suivi 02 */

#loading
{
  position: absolute;
  left: 45%;
  top: 40%;
  margin-left: -45px;
  padding: 2px;
  z-index: 20001;
  height: auto;
  border: 1px outset #ccc;
}
 
#loading .loading-indicator
{
  background: white;
  color: #444;
  font: bold 13px tahoma, arial, helvetica;
  padding: 10px;
  margin: 0;
  height: auto;
}
 
#loading-img
{
  margin-right:8px;
  float:left;
  vertical-align:top;
}
 
#loading-msg
{
  font: normal 10px arial, tahoma, sans-serif;
}

.pandm a.pm {
	background-image: url(images/ico_plus-et-moins.png);
	background-position: bottom;
	display: block;
	float: right;
	height: 16px;
	margin-right: 1px;
	margin-top: 6px;
	width: 16px;
}

.pandm a.mp:hover {
	/*background-position: top;*/
	color: black;
}

.pandm a.mp {
	background-image: url(images/ico_plus-et-moins.png);
	background-position: top;
	display: block;
	float: right;
	height: 16px;
	margin-right: 1px;
	margin-top: 6px;
	width: 16px;
}

.pandm a.pm:hover {
	/*background-position: bottom;*/
	color: black;
}

.table-center
{
	text-align: center;
	margin-left					:	auto;
	margin-right				:	auto;
}

#navigation a {
	background-image: url(images/nav1_bg.png);
	background-position: top;
	color: #003088;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	height: 22px;
	margin-right: 5px;
	text-align: center;
	padding-top: 6px;
	width: 147px;
}

#navigation a:hover {
	background-position: bottom;
	color: black;
}

#navigation a.selected  {
	background-position: bottom;
	color: black;
}

#vseccon a.big-btn {
	background-image: url(images/effect-btn.png);
	background-position: top;
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 10px;
	width: 220px;
}

#vseccon a.big-btn:hover {
	background-position: bottom;
	color: black;
}


#vsecbtn a.wide-orange {
	background-image: url(images/wide-orange.png);
	background-position: top;
	color: black;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 20px;
	width: 185px;
}

#vsecbtn a.wide-orange:hover {
	background-position: bottom;
	color: black;
}

#vsecbtn a.wide-oranger {
	background-image: url(images/wide-orange.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 20px;
	text-align: right;
	width: 185px;
}

#vsecbtn a.wide-oranger:hover {
	background-position: bottom;
	color: black;
}

#wrapper-bottom a.grey-tab {
	background-image: url(images/grey-tab.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin-right: 1px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 171px;
}

#wrapper-bottom a.grey-tab:hover {
	background-position: bottom;
	color: black;
}

#wrapper-bottom a.orange-tab {
	background-image: url(images/orange-tab.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin-right: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 171px;
}

#wrapper-bottom a.orange-tab:hover {
	background-position: bottom;
	color: black;
}

#vsecimg {
	/*float: left;*/
	height: 240px;
	margin-right: 40px;
	width: 300px;
}

#vsecimg img{
	display: block;
	margin: 0 auto;
	max-height: 240px;
	max-width: 300px;
}
* html #vsecimg img{
	height: 240px;
	width: 300px;
}

#vecintro {
	float: left;
	padding: 20px 0px;
	width: 610px;
}

#vseccon {
	border-top: 2px dotted #c0c0c0;
	float: left;
	height: 90px;
	padding-top: 20px;
	width: 610px;
}

#left a.big-btn {
	background-image: url(images/btn_action_large_index.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 18px;
	font-weight: bold;
	height: 53px;
	margin-bottom: 16px;
	margin-top: 8px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	width: 300px;
}

#left a.big-btn:hover {
	background-position: bottom;
	color: black;
}


#bignav-2 {
	background-image: url(images/big-menu.png);
	background-position: 0px -52px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#bignav-3 {
	background-image: url(images/big-menu.png);
	background-position: 0px -104px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#bignav-4 {
	background-image: url(images/big-menu.png);
	background-position: 0px -156px;
	/*border: 1px solid black;*/
	font-size: 14px;
	height: 50px;
	margin-top: 10px;
	width: 956px;
}

#solta a.solution-wide {
	background-image: url(images/solutions-button-big.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	margin-bottom: 16px;
	margin-top: 8px;
	margin-right: -5px;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	width: 260px;
}

#solta a.solution-wide:hover {
	background-position: bottom;
	color: black;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=50);
}

/*
div {
	position: defaut; 
	overflow: auto; 
	left: 0px; 
	top: 0px; 
	right: 0px; 
	bottom: 0px;
}
*/

.rightboxcontent a a.cici {
	background-image: url(images/click-ici.png);
	background-position: top;
	color: black;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	margin-right: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	width: 90px;
}

.rightboxcontent a a.cici:hover {
	background-position: bottom;
}



.ocpCategorie ul li a {
	color: #003088;
	font-size: 12px;
	padding-left: 15px;
}

.ocpCategorie ul li a:hover {
	color: #003088;
	font-size: 12px;
	padding-left: 15px;
	text-decoration: none;
}

.ocpCategorie ul li {
	background-image: url(images/blue-list-tri.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.customComboBox {
	/*border: 1px solid red;
	position: absolute;
	background-color: white;*/
	width: 200px;
}


.customComboBoxList {
	border: 1px solid #003287;
	position: absolute;
	background-color: white;
	width: 300px; height: 200px;
}

.customComboBoxList .cbItemTitle {
	font-weight: bold;
	font-style: italic;
	font-size: medium;
}

.customComboBoxList .cbItem {
	text-align: right;
	width: 100%;
}

.customComboBoxList .cbItem:hover {
	background-color: #003287;
	color: white;
	/*
	text-align: right;
	width: 100%;
	*/
}

.carouselImages td{
	text-align: center;
	/*vertical-align: middle;*/
}

.carousel td{
	vertical-align: middle;
}




.carouselPrev {
	background-image: url(images/yellow-arrow.png);
	background-position: top;
	margin-top: 20px;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
}

.carouselPrev:hover {
	background-image: url(images/yellow-arrow.png);
	background-position: center;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
}

.carouselNext {
	background-image: url(images/arrow-right.png);
	background-position: top;
	margin-top: 20px;
	display: block;
	float: right;
	height: 30px;
	width: 30px;
}

.carouselNext:hover {
	background-image: url(images/arrow-right.png);
	background-position: center;
	display: block;
	float: right;
	height: 30px;
	width: 30px;
}



/*
.arrowleft {
	background-image: url(images/yellow-arrow.png);
	background-position: top;
	display: block;
	float: right;
	height: 30px;
	margin-right: 1px;
	margin-top: 6px;
	width: 30px;
}

.arrowleft:hover {
	background-position: center;
	color: black;
}	


	
.arrowright {
	background-image: url(images/arrow-right.png);
	background-position: top;
	display: block;
	float: right;
	height: 30px;
	margin-right: 1px;
	margin-top: 6px;
	width: 30px;
}

.arrowright:hover {
	background-position: center;
	color: black;
}	
*/

#scrollbox {
	/*border: 1px solid black;*/
	clear: both;
	height: 70px;
	width: 365px;
}

#scrollbox td{
	vertical-align: middle;
}

.blueText {
	color: #003287;
}



.centre{
	text-align: center;
	vertical-align: middle;
}

.new {
	/*position: absolute; 
	top: 10px;*/
	position: relative; top: -110px; right: -20px;
}

#taRecherche {
	resize: none;
}


.zoomIn:hover{
	cursor:url("cursors/zoomIn.cur"), pointer;
}





/* fin ajout */



/* ajout 2 */
#whitebox-models-top {
	background-image: url(images/whitebox-models-top.png);
	float: left;
	height: 10px;
	width: 671px;
}

#whitebox-models-bot {
	background-image: url(images/whitebox-models-bot.png);
	float: left;
	height: 10px;
	width: 671px;
}

#whitebox-models {
	border-left: 1px solid #dbdcdc;
	border-right: 1px solid #dbdcdc;
	clear: both;
	float: left;
	/*height: 460px;*/
	height: 422px;
	text-align: center;
	width: 669px;
}


#modelsbox-top-section {
	height: 110px;
	padding: 0px 0px 0px 20px;
	width: 671px;
}

#modelsbox-top-section input {
	border-width: 1px; 
	border-color: black;
}

#modelsbox-top-section2 {
	height: 130px;
	padding: 0px 0px 0px 20px;
	width: 671px;
}

#modelsbox-top-section2 input {
	border-width: 1px; 
	border-color: black;
}

a.small-grey-perso {
    /* Sliding right image */
	background: transparent url('images/grey-right.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 31px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 2px;
	padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

a.small-grey-perso:hover {
	background: transparent url('images/dark-grey-right.png') no-repeat scroll top right; 
}	

a.small-grey-perso span {
	/* Background left image */ 
	background: transparent url('images/grey-left.png') no-repeat; 
	display: block;
	line-height: 31px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 0px 16px 10px;
} 

a.small-grey-perso span:hover {
	/*text-decoration:underline;*/
	color: #000000;
	background: transparent url('images/dark-grey-left.png') no-repeat; 
}

#mid-section2 {
	height: 300px;
	margin-left: 20px;
	margin-right: 20px;
    margin-top: -2px;
	padding: 0px 20px 0px 0px;
	overflow: auto;
	/*width: 730px;*/
}

.logos {
    float: left;
    height: 96px;
    margin: auto;
    width: 147px;
    line-height: 96px;
}

.logos img {
    display: inline-block;
    max-height: 96px;
    margin: auto;
    vertical-align: middle;
    max-width: 143px;
}

.logos:hover {
	background-image: url(images/logo-hover.jpg);
	float: left;
	height: 96px;
	margin: auto;
	width: 147px;
}



.hsManufacturer {
	height: 10px; 
	border-style:solid; 
	border-color:#e4e4e4;
	border-width:1px 0px 0px 0px;
	margin-right: 40px;
}

#mobilesection2 {
	/*border: 1px solid #e4e4e4;*/
	height: 284px;
	/*margin-top: 20px;*/
	overflow: auto;
	padding: 0px 15px;
	/*width: 625px;*/
	margin-left: 14px;
    margin-right: 14px;
}


.mobile {
	float: left;
	height: 140px;
	margin-bottom: 2px;
	margin-right: 2px;
	padding-top: 0px;
	text-align: center; 
	width: 97px;
}
.mobile:hover{
	background-image: url(images/mobile-bg.png);
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
	background-repeat: no-repeat;
}
.mobile:hover p {
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}


.mobile:focus{
	background-image: url(images/mobile-bg.png);
	background-repeat: no-repeat;
}
.mobile:focus p {
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}

.mobile p {
	color: #003038;
	font-weight: bold;
	margin-top: 10px;
}

/*
.mobile-selected {
	background-image: url(images/mobile-bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	margin-bottom: 2px;
	margin-right: 2px;
	padding-top: 20px;
	text-align: center; 
	width: 97px;
}

.mobile-selected p {
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}*/

/* fin ajout 2 */


#rootLayoutPanel {
    position: relative !important;
}

/*
html, body#rootPanel, div#rootLayoutPanel, div#scrollPanel {
	height: 100%
}
*/