@charset "utf-8";
/* Entrer le CSS des modules */ 
body {
	background:#fff;
	color: #666666;
	font-family: Verdana, georgia, Geneva, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	line-height: 120%;
	text-align: center;
	background:#ffffff url(../../images/hydrau/bg.jpg);
}
p {
	line-height: 150%;
	font-size:12px;
	color:#444444;
	font-family: Verdana, georgia, Geneva, sans-serif;
}
h1 {
	font-size:1em;
	margin:5px 0 10px 0;
	line-height:0;
	font-size:0;
	text-align:left;
}
h3 {
	line-height:150%;
	margin:0;
	font-size:9pt;
}
h4 {
	margin-bottom:0;
}
ul {
	list-style-position:inside;
	list-style:none;
}
#container {
	width: 950px;
	margin: 0 auto;
	padding:0 25px;
	text-align: center;
	clear:both;
}
#content {
	width:950px;
}
#left {
	float:left;
	width:325px;
	padding:0 25px 0 0;
	margin:25px 0;
	background:url(../../images/hydrau/sep2.png) right repeat-y;
}
#center {
	float:left;
	width:575px;
	margin:25px 0 0 25px;
}
#center_main {
	float:left;
	width:950px;
	position:relative;
}
/* HEADER  */ 

/* HEADER : MENU  */ 
#header {
	height:654px;
	width:950px;
	padding:0;
	float:left;
}
#logo {
	width:525px;
	height:150px;
	float:left;
	padding:0;
	margin:0;
}
#menu_right {
	float:left;
	height:150px;
	width:425px;
	margin:0;
	padding:0;
}
.menu {
	height:25px;
	width:425px;
	margin:0;
	padding:27px 0 22px;
	float:left;
}
.menu ul {
	height:25px;
	float:left;
}
.menu ul li {
	margin: 0;
	padding: 0 4px;
	float: left;
}

.menu ul li a {
	height:19px;
	line-height: 120%;
	display: inline;
	text-align: left;
	font-family:'Oswald', Verdana, georgia, Geneva, sans-serif;
	font-size:14px;
	text-transform:capitalize;
	color:#666666;
	float:left;
	text-decoration: none;
}
.menu ul li a:hover {
	color:#666666;
}
/* RECHERCHE  */
.recherche {
	float:right;
	height:25px;
	padding:25px 0 24px 0;
	width:425px;
}
#searchform {
	float:right;
}
input#searchword{
	width:148px;
	height:23px;
	margin:0;
	border:1px sloid #e1e1e1;
	float:left;
	background:#ffffff;
	color:#666666;
	font-size:12px;
}
#btn-search{
	float:left;
	margin:3px 0 0 5px;
	cursor:pointer;
}
.separe1 {
	float:left;
	clear:both;
	height:2px;
	background:url(../../images/hydrau/sep.png) repeat-x;
}
.header_pic {
	float:left;
	height:300px;
}
/* FOOTER */
#footer {
	margin:0;
	height:175px;
	width:950px;
	float:left;
}
#footer_cont {
	width:950px;
	height:175px;
	float:left;
}
#footer_menu {
	width:950px;
	text-align:center;
	float:left;
	height:20px;
	padding:18px 0 12px;
}
#footer_menu ul li {
	display:inline;
	padding:0 4px 0 8px;
}
#footer_menu ul li a {
	font-family: 'Oswald', verdana, arial, serif;
	font-size: 14px;
	color:#666666;
	text-transform:capitalize;
}	
#footer_menu ul li a:hover {
	font-size: 14px;
	color:#666666;
}
.menuelemfoot {
	border-right:1px solid #666666;
}
#footer_info {
	float:left;
	width:950px;
	height:125px;
	text-align:left;
	background:url(../../images/hydrau/pic2.jpg) no-repeat;
}
#copyright {
	line-height: 120%;
	display: inline;
	text-align: left;
	color:#ffffff;
	font-family: 'Gruppo', verdana, arial, serif;
	width:650px;
	margin:0;
	padding:80px 0 0 50px;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
	display:block;
	float:left;
}
#copyright a{
	color:#ffffff;
}
#licence a{
	color:#ffffff;
	font-family: 'Gruppo', verdana, arial, serif;
}
#licence {
	margin:0;
	padding:80px 20px 0 0;
	width:200px;
	float:right;
	color:#ffffff;
	font-size: 18px;
	float:right;
	font-family: 'Gruppo', verdana, arial, serif;
}
/* CATEGORIES   */
#categorie_all {	
	float:left;
	height:204px;
}
.categorie {
	float:left;
	width:950px;
	margin-top:25px;
}
.categorie_elem {
	float:left;
	width:150px;
	height:150px;
	margin-right:25px;
}
.categorie_elem_img {
	float:left;
	border:1px solid #d9d9d9;
	height:48px;
	width:148px;
	margin-top:25px;
	overflow:hidden;
	position:relative;
	background:#ffffff;
}
.categorie_elem_img img{
	position:absolute;
	cursor:pointer;
}
.categorie_elem_titre {
	float:left;
	width:150px;
	height:50px;
	padding-top:10px;
}
.categorie_elem_titre h1{
	margin:0;
}
.titre {
	font-size:16px;
	font-family: 'Gruppo', arial, serif;
	color:#333333;
	text-align:left;
	line-height:150%;
	float:left;
}
.titre:hover {
	color:#333333;
}
.cat_elem {
	float:left;
	width:275px;
	height:121px;
	margin-bottom:25px;
	background:url(../../images/hydrau/cat_bg.png) no-repeat 0 0;
}
.cat_elem:hover {
	background-position:0 -121px;
}
.cat_elem_img {
	float:left;
	width:100px;
	height:100px;
	background:#ffffff;
	border:1px solid #cccccc;
	margin:9px 11px;
	text-align:center;
}
.cat_elem_titre {
	float:left;
	width:142px;
	height:115px;
	margin:5px 9px 0 0;
	text-align:left;
}
/* ACTUALITES   */
#actualite_all {
	float:left;
	height:435px;
	width:350px;
	padding:25px 0 5px 0;
} 
#actualite_all2 {
	float:left;
	height:435px;
	width:350px;
	padding:0 0 5px 0;
} 
.actualite {
	float:left;
	width:325px;
	padding:0 23px 0 0;
	height:370px;
}
.separe2 {
	float:right;
	width:2px;
	height:415px;
	background:url(../../images/hydrau/sep2.png) repeat-y;
	margin-top:7px;
}
.actualite_elem {
	float:left;
	width:325px;
	height:175px;
	margin-bottom:10px;
	background:url(../../images/hydrau/actu_bg.png) no-repeat;
}
.actualite_elem_img {
	float:left;
	width:148px;
	height:148px;
	background:#ffffff;
	border:1px solid #cccccc;
	margin:12px;
	text-align:center;
}
.actualite_elem_titre {
	float:left;
	width:140px;
	height:132px;
	margin-top:4px;
	text-align:left;
}
.titre_rub {
	font-size:32px;
	font-family: 'Ultra', arial, serif;
	text-align:left;
	line-height:150%;
	text-transform:capitalize;
	float:left;
}
.titre_rub:hover {
	color:#333333;
}
.titre_int {
	font-size:23px;
	font-family: 'Gruppo', arial, serif;
	color:#0066aa;
	text-align:left;
	line-height:120%;
	cursor:pointer;
	font-weight:bold;
	float:left;
}
.titre_int:hover {
	color:#0066aa;
}
.titre_int2 {
	font-size:20px;
	font-family: 'Gruppo', arial, serif;
	color:#666666;
	text-align:left;
	line-height:120%;
	cursor:pointer;
	font-weight:bold;
	float:left;
}
.titre_int2:hover {
	color:#666666;
}
.suite {
	width:58px;
	height:22px;
	float:right;
}
.lire_suite {
	width:98px;
	height:22px;
	float:right;
}
.suite_g {
	float:left;
	width:5px;
	height:22px;
	background:#cbcbcb;
}
.suite_w {
	float:left;
	width:53px;
	height:22px;
	background:#ffffff;
}
.lire_suite_w {
	float:left;
	width:93px;
	height:22px;
	background:#ffffff;
}
.suite_txt {
	text-align:left;
	float:right;
	padding:4px 5px 0 0;
	font-size:16px;
	font-family: 'Gruppo', arial, serif;
	color:#000000;
}
.suite_txt:hover {
	color:#000000;
}
.prod_carac {
	float:right;
	width:325px;
	margin-left:25px;
}
.prod_carac_table {
	float:left;
	border-spacing:1px;
}
th {
	padding:7px 0;
	background:#0066aa;
	text-align:center;
	vertical-align:middle;
	color:#f8f8f8;
	font-weight:bold;
	font-size:8pt;
	border:1px solid #0c4063;
}
td {
	padding:7px 0;
	background:#bbeeff;
	text-align:center;
	vertical-align:middle;
	color:#000000;
	border:1px solid #0066aa;
	font-size:8pt;
}
.prod_fiche {
	float:left;
	width:325px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	height:32px;
	cursor:pointer;
	background:#99d1e3;
	border:2px solid #99d1e3;
	padding-left:5px;
	margin:0 0 15px 140px;
}
.prod_fiche:hover {
	border:2px solid #54afcc;
}
.prod_fiche span{
     color:#006689;
	 padding-left:15px;
}	
/* PRESENTATION  */
#presentation {
	float:left;
	padding-top:25px;
}
#presentation2 {
	float:left;
}
/* EVENEMENT   */
#event_all {
	float:left;
	width:350px;
	padding:25px 0 ;
} 
#event_all2 {
	float:left;
	width:350px;
	padding:15px 0 ;
} 
#event {
	float:left;
	width:325px;
	margin:0 25px 0 0;
	background:url(../../images/hydrau/event_bg.png) repeat-y;
}
.event_elem {
	float:left;
	margin:10px 0 12px 12px;
	width:313px;
}
.event_elem2 {
	float:left;
	margin:10px 0 12px 12px;
}
.event_elem_date {
	float:left;
	text-align:left;
	font-size:14px;
	font-family: 'Gruppo', arial, serif;
	color:#000000;
	font-weight:bold;
}
.separe3 {
	float:right;
	height:2px;
	background:url(../../images/hydrau/sep3.png) repeat-x;
	margin:0 13px 0 12px;
}
.voirplus {
	float:left;
	height:25px;
	background:#ffffff;
}
.event_elem_txt {
	float:left;
	text-align:left;
}
.archive {
	float:right;
	color:#0066aa;
	padding:5px 10px 0 0;
}
.event_nbr {
	text-align:left;
	float:left;
	padding:5px 0 0 10px;
	font-size:18px;
	font-family: 'Gruppo', arial, serif;
	color:#666666;
}
/* REFERENCES PARTENAIRES*/
.references_all {
	float:left;
	padding:25px 25px 0 0;
}
.references_all2 {
	float:left;
	padding:0 25px;
}
.partenaires_all {
	float:left;
	padding:5px 25px 0 0;
}
.partenaires_all2 {
	float:left;
	padding:5px 25px 0 25px;
}
.references {
	float:left;
	position:relative;
	overflow:hidden;
	background:url(../../images/hydrau/ref_bg.png) no-repeat;
}
.references_elem {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:293px;
	height:86px;
	padding:7px 3px 7px 4px;
}
.references_elem2 {
	float:left;
	width:293px;
	height:86px;
	padding:7px 3px 7px 4px;
}
.references_elem3 {
	float:left;
	width:138px;
	height:86px;
	padding:7px 8px 7px 7px;
	background:url(../../images/hydrau/ref1_bg.png) no-repeat;
}
.reference_elem_img {
	float:left;
	width:138px;
	margin:0 4px;
	height:86px;
	background:#ffffff;
	text-align:center;
}
.references_int {
	float:left;
	margin:15px 0;
}
.reference_elem_img2 {
	float:left;
	width:138px;
	height:86px;
	background:#ffffff;
	text-align:center;
}
.reference_elem_desc {
	float:left;
	width:375px;
	margin:10px 0 0 25px;
	text-align:left;
}
.event_elem_desc {
	float:left;
	width:397px;
	margin:10px 0 0 25px;
	text-align:left;
}
.partenaires {
	float:left;
	position:relative;
	overflow:hidden;
	background:url(../../images/hydrau/ref_bg.png) no-repeat;
}
.partenaires_elem {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:293px;
	height:86px;
	padding:7px 3px 7px 4px;
}
.partenaires_elem_img {
	float:left;
	width:138px;
	margin:0 4px;
	height:86px;
	background:#ffffff;
	text-align:center;
}
.active_ref{
	display:block;
	z-index:10;
	position:static;
}
.active_par{
	display:block;
	z-index:10;
	position:static;
}
.nodisplay {
	display:none;
	height:0;
	width:0;
}
/* CONTACT  */
.contact_all {
	float:left;
	padding:25px 0 0 0;
}
.contact {
	float:left;
	background:#ffffff;
	font-size:17px;
	padding:15px 10px;
	width:255px;
	font-family: 'Gruppo', arial, serif;
}
.lib {
	float:left;
	text-align:left;
	color:#0066aa;
	font-weight:bold;
	width:68px;
}
.lib1 {
	float:left;
	text-align:left;
	color:#0066aa;
	font-weight:bold;
}
.lib_txt {
	float:left;
	text-align:left;
	color:#666666;
	width:187px;
	font-size:12px;
	font-weight:normal;
	font-family: Verdana, georgia, Geneva, sans-serif;
}
.lib_txt1 {
	float:left;
	text-align:left;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	font-family: Verdana, georgia, Geneva, sans-serif;
}
.lib_txt a{
	color:#666666;
}
.lib_txt1 a{
	color:#666666;
}
.lib_adr {
	float:left;
	text-align:left;
	color:#666666;
	font-weight:normal;
	line-height:120%;
}
.lib_cont {
	float:left;
	text-align:left;
}	
.lib_cont a{
	color:#666666;
}
.maps {
	float:right;
	height:64px;
	width:148px;
}
.contact_img1 {
	float:right;
	height:64px;
	width:64px;
	margin-left:10px;
}
.coordonnees {
	float:le;
	margin-top:10px;
}	
/*  VOUS ETES ICI  */
#header_complement_right {
	float:left;
	width:575px;
	padding-top:10px;
}
.vous_ici_des {
	text-align:left;
	width:437px;
	float:left;
	font-size:18px;
	font-family: 'Gruppo', arial, serif;
	color:#999999;
	line-height:120%;
	padding:0 0 0 10px;
}
.vous_ici_des span{
	font-size:9pt;
	font-weight:bold;
	padding:0 5px;
	font-size:18px;
	font-family: 'Gruppo', arial, serif;
	color:#999999;
}
.vous_ici_des a {
	text-align:left;
	font-weight:bold;
	font-size:18px;
	font-family: 'Gruppo', arial, serif;
	color:#0066aa;
	text-transform:capitalize;
}
.vous_ici_des a:hover {
	color:#0066aa;
	text-decoration:underline;
}
.vous_ici_lib_all {
	width:128px;
	height:22px;
	float:left;
}
.vous_ici_lib {
	float:left;
	width:123px;
	height:22px;
	background:#ffffff;
}
.vous_ici_lib span {
	text-align:left;
	float:left;
	padding:4px 5px 0 6px;
	font-size:18px;
	font-family: 'Gruppo', arial, serif;
	color:#000000;
}
.vous_ici_lib span:hover {
	color:#000000;
}
/* ERREUR  */
.error_all{width:650px;float:left}
.error_img{width:125px;height:250px;margin:50px 0 25px;float:right;background:url(../../images/hydrau/erreur_Error.jpg)}
.error_content{float:left;width:575px;margin:0 0 25px 0}
.error_content_head{float:left;width:575px;text-align:center}
.error_content_body{float:left;width:425px;text-align:left}
.error_titre1{margin:0;font-size:28px;color:#06a;width:100%;text-align:center;text-transform:uppercase;line-height:140%;font-family:'Ultra',arial,serif;padding:20px 0}
.error_titre2{margin:0;font-size:16px;float:left;padding-bottom:10px;font-weight:bold;color:#333;width:100%;text-align:center;text-transform:uppercase;font-family:Verdana,georgia,Geneva,sans-serif}
.error_txt{margin:0;font-size:14px;color:#333;float:left;padding-bottom:10px;width:100%;text-align:center;font-family:Verdana,georgia,Geneva,sans-serif}
.error_titre3{margin:0;font-size:22px; font-weight:bold; padding:10px 0;color:#06a;width:100%;text-align:justify;font-family:'Oswald',verdana,arial,serif}
.error_txt1{margin:0;font-size:13px;color:#333;width:100%;text-align:justify;font-family:Verdana,georgia,Geneva,sans-serif}
.error_pr{margin:0;font-size:13px;color:#333;text-align:justify;text-indent:30px;font-family:Verdana,georgia,Geneva,sans-serif}
.error_nbr{margin:0;font-size:12px; font-weight:bold;color:#06a;text-align:justify;font-family:'Oswald',verdana,arial,serif}
.error_footer{float:left;width:550px;margin:0}
.error_footer_all{float:left;width:550px;margin:0}
.error_footer_elem{float:left;width:177px;margin:20px 0 0 0}
.error_footer_elem_img{float:left;width:61px;text-align:center}
.error_footer_elem span{float:left;width:85px;text-align:left; padding-left:5px}
.error_footer_elem span a{float:left;width:104px;text-align:left;font-size:13px;color:#333;font-family:Verdana,georgia,Geneva,sans-serif}

/*  PAGINATION    */
.paginationControl{
	height:25px;
	width:575px;
	padding:0;
	float:right;
	text-align:center;
}
.paginationControl ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	width:100%;
	height:25px;
	float:left;
	}
.paginationControl ul li{
	height:21px;
	width:25px;
	margin:0 2px;
	float:left;
	padding:4px 0 0;
	display:inline-block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	*display:inline;
	*zoom:1;
	}
.paginationControl ul li a{
	color:#1177bb;
	font-size:9pt;
	font-weight:bold;
	padding:3px 0 0;	
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	}
.firstpage{
	background:url(../../images/hydrau/pg_first.png) no-repeat;
	font-size:9pt;
	font-weight:bold;
	color:#1177bb;
	padding:0;
	}
.pagedisabled{
	background:url(../../images/hydrau/pg_disable.png) no-repeat;
	font-size:9pt;
	font-weight:bold;
	color:#1177bb;
	padding:0;
	}
.pageenabled{
	background:url(../../images/hydrau/pg_enable.png) no-repeat;
	cursor:pointer;
	}
.pagecurrent{
	background:url(../../images/hydrau/pg_active.png) no-repeat;
	color:#ffffff;
	font-size:9pt;
	font-weight:bold;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	}





















/* CLASSES UTILES  */
.rightfloat {
	float:right;
}
.leftfloat {
	float:left;
}
.leftalign {
	text-align:left;
}
.rightalign {
	text-align:right;
}
.padding15px {
	padding:15px;
}
.clear25px {
	clear: both;
	height: 25px;
	padding:  0;
	margin: 0;
	border: none;
	background: none;
}
.clear20px {
	clear: both;
	height: 20px;
	padding:  0;
	margin: 0;
	border: none;
	background: none;
}
.clear15px {
	clear:both;
	height:15px;
	padding:  0;
	margin: 0;
	border: none;
	background: none;
	}
.clear10px {
	clear:both;
	height:10px;
	padding:  0;
	margin: 0;
	border: none;
	background: none;
	}
.clear5px {
	padding:  0;
	margin: 0;
	border: none;
	background: none;
	clear:both;
	height:5px;
	}
.clear2px {
	padding:  0;
	margin: 0;
	border: none;
	background: none;
	clear:both;
	height:2px;
	}
.clear1px {
	padding:  0;
	margin: 0;
	border: none;
	background: none;
	clear:both;
	height:1px;
	}
a:focus {outline: none;}
.txtgray {color:#666666;}
.txtblue {color:#0066aa;}
.txtwhite {color:#ffffff;}
.leftalign {text-align:left;}
.justifyalign {text-align:justify;}