body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,th,td {

	margin:0;
	padding:0
	}

table {

	border-collapse:collapse;
	border-spacing:0
	}

fieldset,img {

	border:0
	}

ol,ul,li {

	list-style:none
	}

caption,th {

	text-align:left
	}





/*  Typo
-----------------------------------------------------------------*/


html,input,select,textarea {

	font-size: 100%;
	font-family: Arial
	}

html {

	height: 100%
	}

body {

	height: 100%;
	font-family: Verdana;
	font-size: 12px
	}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;
	font-weight:normal
	}

address,caption,cite,dfn,em,strong,th {

	font-style:normal;
	font-weight:normal
	}




/*  Classes
-----------------------------------------------------------------*/


.clear {

	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0 !important;
	overflow: hidden
	}

.last {

	margin-bottom: 0 !important;
	margin-right: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 0 !important;
	border-bottom: 0 !important;
	border-right: 0 !important
	}

.noMargBottom {

	margin-bottom: 0 !important
	}



/*  Structure
-----------------------------------------------------------------*/


a{

text-decoration:underline;
}
a:hover{
text-decoration:underline;
}



body {
	background: #fff;
	color:#6d6b61;
	}

#container {
	position : relative;
	width:1000px;
	margin: 0 auto !important;
	text-align: left;
	z-index:50px;
}




.bg_grand{
background: transparent url(../images/html_bg_grand.png) repeat-x scroll left top;
}
.bg_petit{
background: transparent url(../images/html_bg_petit.png) repeat-x scroll left top;
}



#generalHeader	{
width:1000px;
height:56px;
background: transparent url(../images/bg_general_header.png) repeat-x scroll left top;
position:relative
}



#menu
{
display:block;
width:587px;
height:50px;
margin-top:5px;
/*margin-left:510px;*/
border:1px solid black
position:relative;
float:right
}








ul#menu_container { list-style-type: none; overflow: hidden; margin: 0;  background:url(../images/bg_main_menu.png) left top no-repeat; position: relative; top: 0; left: -50px; width: 587px; height: 50px; }
ul#menu_container li a { text-indent: -5000em; text-decoration: none; background:url(../images/bg_main_menu.png) left top no-repeat;padding: 0px 0 0 0; overflow: hidden;  position: absolute; top: 0; height: 50px; }



ul#menu_container li#rub0 a {  background-position: -0px 0px; width:84px; left: 0px; }
ul#menu_container li#rub0 a:hover { background-position: -0px -50px; }
ul#menu_container li#rub0 .selected { background-position: -0px -50px; }


ul#menu_container li#rub1 a { background-position: -84px 0px; width:134px; left: 84px; }
ul#menu_container li#rub1 a:hover { background-position: -84px -50px; }
ul#menu_container li#rub1 .selected { background-position: -84px -50px; }


ul#menu_container li#rub2 a { background-position: -218px 0px; width:53px; left: 218px; }
ul#menu_container li#rub2 a:hover { background-position: -218px -50px; }
ul#menu_container li#rub2 .selected { background-position: -218px -50px; }


ul#menu_container li#rub3 a { background-position: -271px 0px; width:76px; left: 271px; }
ul#menu_container li#rub3 a:hover { background-position: -271px -50px; }
ul#menu_container li#rub3 .selected { background-position: -271px -50px; }

ul#menu_container li#rub4 a { background-position: -461px 0px; width:125px; left: 347px; }
ul#menu_container li#rub4 a:hover { background-position: -461px -50px; }
ul#menu_container li#rub4 .selected { background-position: -461px -50px; }

ul#menu_container li#rub5 a { background-position: -347px 0px; width:115px; left: 472px; }
ul#menu_container li#rub5 a:hover { background-position: -347px -50px; }
ul#menu_container li#rub5 .selected { background-position: -347px -50px; }


#containerHeader{
width:1000px;
margin:0px auto 0px;
position:relative;

}



#header{
background: transparent url(../images/html_bg_grand.png) repeat-x scroll left top;
overflow:hidden;
}

#bottomHeader{
height:1px;
border-top:5px solid #A5A293;
padding:0px;
margin:0px;
margin-top:1px;
}


#logo{
position:absolute;
z-index:10;
width:70px;
height:106px;
left:50px;
top:0px;
}


#english{
display:block;
position:absolute;
z-index:20;
width:106px;
height:70px;
right:-200px;
top:25px;
}



#contentHeader{
/*background:url(../images/bg_content_header.png) left bottom repeat-x;
padding-bottom:3px;*/
display:block;
overflow:hidden;

}


#headerBackground{

position:relative;

}

#headerHomeLeft{
position:absolute;
top:260px;
left:50px;
width:370px;

}

#headerHomeRight{
position:absolute;
}

#headerHomeLeft li{
position:relative;
}

#headerHomeLeft li a{
padding-left:0px;
}

#headerHomeLeft li{
background:url(../images/puce_home.png) left 3px no-repeat;
height:14px;
padding-left:15px;
}



.content{
padding-left:50px;
padding-right:50px;
padding-top:0px;
padding-bottom:80px;
width:900px;
}

.content a{
text-decoration:underline;
}








ul#menu_ugo { list-style-type: none; overflow: hidden; margin: 0; position: relative; top: 0; left: 0; width: 900px; height: 150px; }
ul#menu_ugo li a { text-indent: -5000em; text-decoration: none; padding: 0px 0 0 0; overflow: hidden;  position: absolute; top: 0; height: 150px; }



ul#menu_ugo li#rub_0 a {  background-position: -0px 0px; width:180px; left: 0px; cursor:default;}
ul#menu_ugo li#rub_0 a:hover { background:url(../images/tournevis_2.gif) left top no-repeat; background-position: -0px 0px;  cursor:default;}
ul#menu_ugo li#rub_0 .selected { background:url(../images/tournevis_2.gif) left top no-repeat; background-position: -0px 0px;  cursor:default;}


/*ul#menu_ugo li#rub_1 a { width:180px; left: 180px;  cursor:default;}
ul#menu_ugo li#rub_1 a:hover { background:url(../images/carton_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}
ul#menu_ugo li#rub_1 .selected { background:url(../images/carton_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}


ul#menu_ugo li#rub_2 a { background:url(../images/cube_1.gif) left top no-repeat; background-position: 0px 0px; width:180px; left: 360px;  cursor:default;}
ul#menu_ugo li#rub_2 a:hover { background:url(../images/cube_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}
ul#menu_ugo li#rub_2 .selected { background:url(../images/cube_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}

ul#menu_ugo li#rub_3 a { background:url(../images/avion_1.gif) left top no-repeat; background-position: 0px 0px; width:180px; left: 540px;  cursor:default;}
ul#menu_ugo li#rub_3 a:hover { background:url(../images/avion_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}
ul#menu_ugo li#rub_3 .selected { background:url(../images/avion_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}

ul#menu_ugo li#rub_4 a { background:url(../images/casque_1.gif) left top no-repeat; background-position: 0px 0px; width:180px; left: 720px;  cursor:default;}
ul#menu_ugo li#rub_4 a:hover { background:url(../images/casque_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}
ul#menu_ugo li#rub_4 .selected { background:url(../images/casque_2.gif) left top no-repeat; background-position: 0px 0px;  cursor:default;}
*/


#infoTexteUgo{
/*
border:1px solid #ffeecd;
background-color:#fffefc;
*/
width:885px;
height:54px;
overflow:hidden;
background:url(../images/cadre_phrases.gif) left top no-repeat;
font-size:14px;
margin-top:10px;
padding:7px;
display:block;

}

.hidden{
display:none;
}

#homeBottom{
padding-left:200px;
padding-top:200px;
font-size:14px;
width:500px;

}

#citation{
float:left;
width:700px;
position:absolute;
left:0px;
}

#demo{
padding-left:51px;
float:left;
padding-top:0px;
position:absolute;
left:750px;
cursor:pointer;
z-index:11;
}

#demo a{
background:url(../images/btn_demo_1.gif) left top no-repeat;
text-indent:-9000px;
height:68px;
width:148px;
display:block;
cursor:pointer;
	}


#demo a:hover{
background:url(../images/btn_demo_2.gif) left top no-repeat;
text-indent:-9000px;
height:68px;
width:148px;
display:block;
cursor:pointer;
}

#contact{
padding-left:51px;
float:left;
padding-top:68px;
position:absolute;
left:750px;
cursor:pointer;
z-index:10;
}

#contact a{
background:url(../images/btn_contacteznous_jaune_1.gif) left top no-repeat;
text-indent:-9000px;
height:68px;
width:148px;
display:block;
cursor:pointer;
	}


#contact a:hover{
background:url(../images/btn_contacteznous_jaune_2.gif) left top no-repeat;
text-indent:-9000px;
height:68px;
width:148px;
display:block;
cursor:pointer;
}

#contact_interne{
padding-left:51px;
float:left;
position:absolute;
top:720px;
left:0px;
cursor:pointer;
}

#contact_interne a{
background:url(../images/btn_contacteznous_jaune_1.gif) left top no-repeat;
text-indent:-9000px;
height:68px;
width:148px;
display:block;
cursor:pointer;
	}


#contact_interne a:hover{
background:url(../images/btn_contacteznous_jaune_2.gif) left top no-repeat;
text-indent:-9000px;
height:68px;
width:148px;
display:block;
cursor:pointer;
}


.contentLeftPropos{
float:left;
width:290px;
overflow:hidden;
min-height:300px;
padding-top:20px;
z-index:75px;
}


.contentRightPropos{
float:left;
padding-left:20px;
width:590px;
overflow:hidden;
padding-top:20px;
}

.contentLeft{
float:left;
width:180px;
overflow:hidden;
min-height:300px;
}

.contentLeftUcal{
float:left;
width:180px;
overflow:hidden;
min-height:300px;
}




.contentRight{
float:left;
padding-left:20px;
padding-top:20px;
width:700px;
overflow:hidden
}

#infoLucca{
text-indent:-9000px;
height:40px;
width:180px;
display:block;
margin-top:100px;
}



.menu_gauche{
width:180px;
}

.menu_gauche li a {
background:url(../images/bg_menu_gauche_1.png) left top no-repeat;
width:170px;
height:14px;
overflow:hidden;
display:block;
padding-top:20px;
padding-bottom:7px;
padding-right:5px;
padding-left:5px;
text-transform: uppercase;
v-align:bottom;
text-decoration:none;
font-size:11px;
font-family:trebuchet MS;
overflow:hidden;
color:#6d6b61;
}

.menu_gauche li a:hover{
background:url(../images/bg_menu_gauche_2.png) left top no-repeat;
text-decoration:none;
}

.menu_gauche li a.on{
background:url(../images/bg_menu_gauche_2.png) left top no-repeat;
text-decoration:none;
}


.content h2{
color:#f1a600;
text-transform: uppercase;
font-weight:bold;
font-size:18px;
}

.content h4{
color:#f1a600;
font-weight:bold;
font-size:18px;
}

#infoInternational{
padding-top:200px;
}

#infoInternational span{
padding-bottom:12px;
display:block;
}

#infoInternational span a {
text-transform: uppercase;
padding-right:15px;
text-decoration:none;
background:url(../images/fleche_jaune.png) right 3px no-repeat;
font-size:11px;
font-family:trebuchet MS;
}


.contentRight ul{
padding-top:3px;
padding-bottom:3px;

}
.contentRight ul li{
/*background:url(../images/fleche_jaune.png) 20px 3px no-repeat;*/
background:url(../images/puce_triangle_jaune2.png) 23px 6px no-repeat;
padding-left:35px;
}

.contentRight ul li a{
text-decoration:none;
	}

.contentRight ul li a:hover{
text-decoration:underline;
	}




#pricing{
position:absolute;
top:155px;
}

#pricing table{
width:1000px;
border-collapse:separate;
border-spacing:2px 2px;
color:#6e6b61;
text-align:center;
font-size:10px;
}


#pricing .middle{
background-color:#FFF;
color:#ff8f00;
font-size:18px;
}

#pricing .head{
width:70px;
padding-left:10px;
text-align:left;
font-size:9px;
}

#pricing table td{
padding:2px;
text-align:center;
}


#pricing table tr td {
background:url(../images/pixel_2_fix.png) top left repeat;
}

#pricing  table tr td.light{
background:url(../images/pixel_1_fix.png) top left repeat;
}



.middle span{
padding-right:5px;
background:url(../images/euro_jaune.png) right 11px no-repeat;
}


.infoPricing{
display:block;
float:left;
width:230px;
height:170px;
overflow:hidden;
}

.infoPricing span{
padding:10px 30px 10px 10px;
display:block;
font-size:10px
color:#6d6b61;

}

.infoPricing span h2{
font-size:14px;
color:#6d6b61;
text-transform:none;
}

.content.pricing{
width:920px;
padding-top:20px;
}


.bg1{background:url(../images/bg_pricing1.png) right top no-repeat;}
.bg2{background:url(../images/bg_pricing2.png) right top no-repeat;}
.bg3{background:url(../images/bg_pricing3.png) right top no-repeat;}
.bg4{background:url(../images/bg_pricing4.png) right top no-repeat;}
.bg5{background:url(../images/bg_pricing5.png) right top no-repeat;}
.bg6{background:url(../images/bg_pricing6.png) right top no-repeat;}
.bg7{padding-left:230px;background:url(../images/bg_pricing7.png) right top no-repeat;}

.infoPricing.bg7 span h2{
font-size:18px;
color:#ef9600;
}

.infoPricing.bg7 span{
font-size:11px;
color:#6d6b61;
}

.infoPricingBas{
padding-top:200px;
font-size:10px;
}

.renderedtable{
border-collapse:separate;
border-spacing:10px 10px;
}

.renderedtabletexte{
padding-left:20px;
}

h3{
	font-size:14px;
	font-weight:bold;
	background:url(../images/bg_h3.png) left top no-repeat;
	padding-left:30px;
	color:#f1a600;
	padding-bottom:2px;
}

.contentRight p {
padding-top:5px;
padding-bottom:15px;

}

.contentRight ul li{
padding-top:3px;
padding-bottom:3px;
}

#headerHomeRight{
position:absolute;
width:520px;
height:243px;
top:92px;
left:450px;
cursor:pointer;
z-index:100;
display:block;
background-color:transparent;
}


.contentRight.faq ul{
	padding-bottom:45px;
}

.contentRight.faq ul a {
	text-decoration:underline;
}

.gaucheSavoirPlus a{
text-decoration:none;
font-size:11px;
font-family:trebuchet MS;
overflow:hidden;
color:#6d6b61;
}
.gaucheSavoirPlus .elt{
	clear:both;
	padding-bottom:30px;
}

.gaucheSavoirPlus{
padding-bottom:30px;
border-top:1px solid #cdcdcd;
padding-top:10px;
z-index:100;
}

.gaucheSavoirPlus .image{
width:12px;
display:block;
float:left;
paddding:2px;
}

.gaucheSavoirPlus .contact{
width:25px;
display:block;
float:left;
paddding:2px;
}

.gaucheSavoirPlus .salon{
width:25px;
display:block;
float:left;
paddding:2px;
}

.gaucheSavoirPlus .textesalon{
width:140px;
display:block;
float:left;
padding-left:0px;
font-size:12px;
}

.gaucheSavoirPlus .textecontact{
width:140px;
display:block;
float:left;
padding-left:15px;
font-size:12px;
}

.gaucheSavoirPlus .texte{
width:150px;
display:block;
float:left;
padding-left:10px;
font-size:12px;
}

.gaucheSavoirPlus .a{
text-decoration:underline;
cursor:pointer;
}


#footer{
height:40px;
}


.clientLeft{
width:290px;
float:left;
padding:0px;
overflow:hidden;
}

.ucalLeft{
width:226px;
float:left;
padding:0px;
overflow:hidden;
}

.citation{
padding-bottom:10px;
border-bottom:1px solid #cdcdcd;
}

.clientRight{
width:600px;
float:left;
overflow:hidden;
padding-left:9px;
padding-top:40px;
}


/*
.clientRight{
padding-top:10px;
padding-bottom:40px;
padding-left:230px;
}

.clientLeft{
padding-top:10px;
padding-bottom:40px;

}
*/

.ClasseHR{
	border-bottom:1px solid #cdcdcd;
	height:20px;
}
.div_citation{

	border-bottom:1px solid #cdcdcd;
	width:80%;
}
.div_temoignage{
	margin-top: 20px;
	padding-bottom: 10px;
	font-weight:bold;
	font-size:16px;
}
.p_citation{
	text-align:justify;
	margin-top: 15px;
	font-style:italic;
}
.p_temoignage{  
	position:relative;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size:11px;
}
#popupcontact{
	position: absolute;
	z-index:100; 
	height:510px;
	width:388px;
	top:-120px;
	left:260px;
	border:1px solid #F8C600;
	background-color:#FFFFFF;
	display:none;
}
.btn_fermer{
	position: absolute;
	top:2px;
	left:360px;
	width:17px;
	height:17px;
	background : transparent url(../images/btn_fermer_div_1.gif) scroll left top;
}

.labelform{
	position: relative;
	left:10px;
	margin-top:5px;
	font-family: Verdana;
	font-size: 17px;
	color: #666666;
	font-style: Bold;
}
.buttonContact{
	position: relative;
	text-align:center;
	margin-top:5px;
	font-family: Verdana;
	font-size: 17px;
	color: #666666;
	font-style: Bold;
}
.inputText{
	position: relative;
	left:5px;
	width:370px;
	height:28px;
	font-size: 17px;
	font-family: Verdana;
	color: #333333;
	background-color:#F1E8E9;
	border-top: 1px solid  #F8C600;
	border-left: 1px solid  #F8C600;
}

.inputTextaera{
	position: relative;
	left:5px;
	width:370px;
	height:150px;
	font-size: 17px;
	font-family: Verdana;
	color: #333333;
	background-color:#F1E8E9;
	border-top: 1px solid  #F8C600;
	border-left: 1px solid  #F8C600;
}
.titrepopup{
	position: relative;
	width:100%;
	height:28px;
	text-align:center;
	left:0px;
	background-color:#F8C600;
	font-family: Verdana;
	font-size: 17px;
	color: #FFFFFF;
	font-style: Bold;
}

#TB_overlaypopup{
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:1;
	display:none;
	background-color:#000000;
	opacity:0.30;	
	filter:alpha(opacity=30);

}
.pointer{
	cursor:pointer;
}
.TextBottomContact{
	font-size:9px;
	position: relative;
	left:5px;
	top:5px;
}

.txt-justify{
	text-align:justify;
}