body#index{
	background: #484445 url(Gx/M/fond_degrader.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	margin: 0;
	padding: 0;
	text-align:center;
	background-attachment: scroll;
	background-color: #484445;
	background-image: url(Gx/M/fond_degrader.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New","Eras Medium ITC"; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

#haut #menuSecondaire{float:right;text-align:right;margin-top:-15px;margin-right:-5px;}
#haut #menuSecondaire a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9d9d9d;
	text-decoration: none;
	margin:5px;
}
#haut #menuSecondaire a:hover{
color: #63aaed;
}
/* INDEX
--------------------------------------------------------------------------------------- */
body#index{
	background: #484445 url(Gx/M/fond_degrader.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
	background-position: center top;
}

body#index #conteneur{
	background: url(gx/I/bg.png) no-repeat center top;
	width:924px;
	height:540px;
	margin-top:150px;
}

body#index #contenu{
	padding:8px;
}

body#index #contenu .logo{
	background: url(Gx/I/logo_chotech.jpg) no-repeat center top;
	height:236px;
	width:910px;
	position:relative;
	padding-bottom:5px;
}

body#index #contenu .logo .btn a{
	background: url(gx/I/btn_entrer.png) no-repeat center top;
	width:202px;
	height:74px;
	position:absolute;
	cursor:pointer;
	display:block;
	bottom:1px;
	right:35px;
}

body#index #contenu .logo .btn a:hover{
	background: url(gx/I/btn_entrer.png) no-repeat center -74px;
	width:202px;
	height:74px;
	position:absolute;
	bottom:1px;
	right:35px;
}

#piedPageIndex{
	padding-top:10px;
}
#piedPageIndex a{
	color:#969a9f;
	text-decoration:none;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-top:15px;
	margin-bottom:15px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{
	color: #FFFFFF;
	font-size:15px;
}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#fff; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#0A254E; text-decoration:underline;
}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:978px;
}

.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:66px; margin:0px;; padding:0;}
#menu ul{margin:0;padding:0;}
#menu li {
float:left;
position:relative;
z-index:20;
}

#menu ul li{padding-left:0; margin-right:1px; margin-left:0px;display:inline; list-style-type:none;}

#menu li ul {
	position:absolute;
	top:85px;
	z-index:50;
	left:0px;
}



#menu li li {
width:180px;
border-top:1px solid #ffffff;
margin-top:-20px;
}
#menu li li a:link, #menu li li a:visited, #menu li li a:link, #menu li li a:visited {
	background-image: url(Gx/M/navPrinc_btn_up.gif);
	background-repeat: repeat-x;
	display:block;
	float:none;
	font-weight:normal;
	height:30px;
	padding:0.7em 0.5em;
	text-align:left;
	width:auto;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menu li li a:link:hover, #menu li li a:visited:hover, #menu li li a:link:hover, #menu li li a:visited:hover {

	font-weight:700;
	font-size: 13px;
	color: #63aaed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#bouton .bouton_int{
	text-decoration:none;
	font-variant:small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	float:left;
	font-weight:bold;
	width:319px;
	padding-left:9px;
	padding-bottom:20px;
}

#callToAction_1{background: url(Gx/M/btnBG_serviceMobile_up.gif) no-repeat;}
#callToAction_1:hover{background: url(Gx/M/btnBG_serviceMobile_over.gif) no-repeat;}

#callToAction_3{background: url(Gx/M/btnBG_serviceAnalyse_up.gif) no-repeat;}
#callToAction_3:hover{background: url(Gx/M/btnBG_serviceAnalyse_over.gif) no-repeat;}

#callToAction_2{background: url(Gx/M/btnBG_pieceHydrau_up.gif) no-repeat;}
#callToAction_2:hover{background: url(Gx/M/btnBG_pieceHydrau_over.gif) no-repeat;}

#bouton .bouton_int .texte{
float:left; ; padding-left:3px; width:160px;
}

#callToAction_1 .texte{
padding-top:35px;
color: #FFFFFF;
}
#callToAction_2 .texte{
padding-top:35px;
color: #FFFFFF;
}
#callToAction_3 .texte{
	padding-top:25px;
	color: #333333;
}

#bouton {
	margin-top:30px;
	width:987px;
	}


#texteContenu{
	width:976px;
	}

#texteAdresse{
	margin-top:15px;
	border: thin solid #999999;	
	width:260px;
	height:115px;
	padding:18px;
}
#texteAdresse h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fef294;
	font-size:bold;
	margin-bottom:10px;
}

#texteAdresse p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fef294;
}

#photoLogo{
margin:0px;
padding:0px;
}


/* GOOGLEMAP
--------------------------------------------------------------------------------------- */
.theMap {width:978px; height:450px; border:1px solid #bec0c2; float: right}
.theMap p {color:#000000; text-align:left;}


/* CONTENU
--------------------------------------------------------------------------------------- */
#photo_pieces {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	margin: 30px auto 0px auto;
	padding: 10px;
	width: 680px;
}

#photo_pieces IMG {
	padding: 0px 10px;
	height: 120px;
	width: 120px;
}

#photo_pieceHydro{
width:980px;
}

#photo_pieceHydro_solo{
float:left;
width:319px;
margin-left:3px;
margin-right:3px;
}

#photo_pieceUsagee{
	width:978px;
}

#photo_texte{
 width:200px;
 height:200px;
 float:left;
 margin-top:20px;
 margin-left:10px;
 margin-right:15px;
 margin-bottom:0px;
 border:solid white 1px;
 text-align:center;
 background-color: #000000;
}

#photo_pieceUsagee_solo{
	height:150px;
	width:200px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-left-color: white;
}

#titre_tn{
	padding:5px;
}

#grosse_texte{
 width:500px;
 float:right;
 margin-right:10px;
 margin-top:20px;
 border:solid white 1px;
 text-align:center;
 background-color: #000000;
}

#grossePhoto{
float:right;
width:500px;
}

#texteGrossePhoto{
padding: 10px 0px;
width:500px;
}

#photo_realisation{
	margin-top:25px;
	height:215px;
	width:978px;
	border: thin solid #FFFFFF;
	padding:5px;
}

#photo_realisation_1{
	height:185px;
	margin-left:20px;
	margin-top:15px;
	float:left;
	width:250px;
	border:solid white 1px;
	text-align:center;
	background-color: #000000;
}
#photo_realisation_2{
	height:185px;
	margin-left:20px;
	margin-top:15px;
	float:left;
	width:250px;
	border:solid white 1px;
	text-align:center;
	background-color: #000000;
}
#photo_realisation_2 td{
border:none;
vertical-align:middle;
height:185px;
text-align:center;
width:250px;
}

#photo_realisation_1 td{
border:none;
vertical-align:middle;
height:185px;
text-align:center;
width:250px;
}

#texte_realisation{
	padding:10px;
	margin-left:20px;
	margin-top:15px;
	float:left;
	width:380px;
	height:165px;
	border: thin solid #FFFFFF;
	background-color: #000000;
}
/*
#photo_logo{
margin-left:auto;
margin-right:auto;
margin-top:30px;
height:60px;
width:700px;
border: thin solid #FFFFFF;
background-color: #000000;
}

#photo_logo_solo{
float:left; 
padding:5px;
border: thin solid #FFFFFF;
text-align:center;
margin-top:5px;
margin-left:10px;
height:38px;
}

#texte_logo{
float:left;
height:40px;
width:500px;
margin-left:20px;
margin-top:5px;
}
*/
#Commanditaires {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	margin: 30px auto 0px auto;
	width:700px;
}
#Commanditaires .commanditaireListe{ margin: 15px 20px; }
#Commanditaires .commanditaireListe TD { padding: 10px; }

#Commanditaires .commanditaireListe A { 
	color: #FFFFFF; 
	float: left; 
	font-size: 14px;  
	text-decoration: none; 
}
#Commanditaires .commanditaireListe A:hover { text-decoration: underline; }
#Commanditaires .commanditaireListe P { float: left; }

#commanditaireDetail { padding: 20px; }
#commanditaireDetail H1 { margin-top: 0px; }
#commanditaireDetail IMG {
	float: left;
	padding: 0px 20px 200px 0px;
}
#commanditaireDetail .texte {
	float: left;
}
#photo_logo_solo td{
border:none;
vertical-align:middle;
height:38px;
text-align:center;
width:100px;
}

#planSite a{
	color:#FFFFFF;
	text-decoration:none;
	font-size: 14px;
}

#planSite a:hover{
	color: #63aaed;
}

#resultat_recherche{
width:700px;
margin-left:auto;
margin-right:auto;
}
#resultat_recherche a{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration:none;
}

#resultat_recherche a:hover{
	color: #63aaed;
}

#resultat_recherche p{
	font-size: 12px;
	color: #FFFFFF;
}

#resultat_recherche li{
	color: #FFFFFF;
}

#resultat{
padding:20px;
}

#resultatPara{
margin-top:5px;
margin-left:15px;
padding:5px;
border: thin solid #FFFFFF;
}

#outilSpecialise{
float:left; 
width:974px;
height:500px;
border: thin solid #FFFFFF;
margin-top:10px;
padding-top:10px;
}

#outil_texte{
margin-left:10px;
margin-top:10px;
float:left; 
width:940px;
height:150px;
border: thin solid #FFFFFF;
padding-left:10px;
background-color: #000000;
}
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage #menuPied a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	margin:5px;
}
#piedPage #menuPied a:hover{
color: #63aaed;
}

#piedPage #copyrights a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#piedPage #copyrights a:hover{
	color: #63aaed;
}



#piedPage{
	padding-left:0px;
	margin-top:120px;
	color:#555;
	font-size:10px;
	padding-top:10px;
	background-color: #231f20;
	height:200px;
	background-attachment: scroll;
}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#fff;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #63aaed;}
#piedPage #menuBas{float:right;text-align:right;}

#texte {color:#ffffff; font-size:11px; text-decoration:none;}
#texte a{color:#ffffff; text-decoration:underline; font-weight:bold;}
#texte a:hover{color:#BD9500; text-decoration:bold;}

/* Partager cette page (bookmarker) */
#socialBookmarker {
	float:right;
	width:169px;
	height:20px;
	margin-top:-50px;
	padding:3px 0px 0px 26px;
	background:url(Gx/M/bg_bookmark.gif) top left no-repeat;
}
#socialBookmarkerPrefix {
	float:left;
	cursor:default;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999999;
}

.bookmarkIconesVisibles {float:right;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:1px solid;
	background-color:#999999;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:right;
	width:150px;
	height:25px;
	margin-right:5px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:0px;
	/*border: 1px solid #666666;*/
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#FFFFFF;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#666666;
	padding-left:0px;
}



/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}