/**
 * Framework CSS
 */

body, table, tr, td, div, p, ul, li, h1, h2, h3, h4, h5, h6, form, img, hr { margin:0; padding:0;}
a img 	{border: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.conteneur	{overflow: auto; height: 1%;}
.clear{clear:both;}
/**
 * General
 */
body{color: #000; font: 11px normal arial,sans-serif; background:#1c222e /*url(../images/background_body.png) repeat-x #303b53*/; margin:0 0 40px 0;position:relative;width:100%;}
#global{ background:url(../images/bg_global.jpg) no-repeat center 361px; width:100%;}
#general{width: 980px; margin: 0 auto;  position:relative;}
/*#bg_right { background:url(../images/bg_right.jpg) no-repeat; width: 105px ; height: 202px ; position:absolute; right:105px; }*/
#header{position:relative;width:980px;height:124px;}
#telephone {position:absolute;width:235px;height:124px;left:745px;top:0;}

a{color: #e30066; text-decoration: underline;}
a:hover{text-decoration: none;}

	/**
	 * Menu
	 */	 
	 #divmenu {width:980px;margin-top:10px; z-index:200;}
	 ul#menu{list-style-type: none;position:relative;width:980px; z-index:200;}
	 ul#menu li{font: normal 12px arial; color: #009ee0; text-transform:uppercase; float:left;background:url(../images/menu_separation.jpg) no-repeat center right;}
	 ul#menu li.limenu_last{background:none;}
	 ul#menu li a{color: #009ee0; text-decoration: none;padding:4px 0;margin:0 9px;text-align:center;border-bottom:3px solid #1c222e;font: normal 12px arial;}
	 ul#menu li a:hover {border-bottom:3px solid #ffce19}
	 ul#menu li a:focus {outline:none;}
	 /** Sous menu  **/
	 ul#menu li ul{position: absolute; z-index:200; top: 25px;  margin: 0 ; padding: 0 ; list-style-type: none; display: none;width:175px;}
	 ul#menu li ul li { display: block; position:relative; background: url(../images/bg_menu_li.jpg) repeat-x top center #222b3e; width:175px; float:none; font: normal 12px arial;text-align:left !important;}
	 ul#menu li ul li a{ display: block; color: #fff;  padding:7px 0 7px 15px; width:160px; margin: 0; border-bottom:1px solid #4f5c7a;  text-transform:none;text-align:left !important;}
	 ul#menu li ul li a:hover  {background:  url(../images/bg_menu_li_hover.jpg) repeat-x top center #0374c2; border-bottom:1px solid #4f5c7a; color:#fff; }
	/** Sous-sous menu **/
	ul#menu li ul li ul {position: absolute; left:175px; width:175px; top:0; margin:0; padding:0;z-index:200;}
	ul#menu li ul li ul li { display: block;  background: url(../images/bg_menu_li.jpg) repeat-x top center #222b3e; width:175px;border-left:1px solid #222b3e; }
	ul#menu li ul li ul li a{width:160px;}
	 
	a#menu_accueil {background:url(../images/btn_menu_accueil.jpg) no-repeat center center;width:52px;height:14px;display:block;text-indent:-9999px;}
	a#menu_quisommesnous {background:url(../images/btn_menu_quisommesnous.jpg) no-repeat center center;width:116px;height:14px;display:block;text-indent:-9999px }
	a#menu_actualite {background:url(../images/btn_menu_actualite.jpg) no-repeat center center;width:75px;height:14px;display:block;text-indent:-9999px }
	a#menu_produits {background:url(../images/btn_menu_produits.jpg) no-repeat center center;width:60px;height:14px;display:block;text-indent:-9999px }
	a#menu_support {background:url(../images/btn_menu_support.jpg) no-repeat center center;width:101px;height:14px;display:block;text-indent:-9999px }
	a#menu_nouscontacter{background:url(../images/btn_menu_nouscontacter.jpg) no-repeat center center;width:58px;height:14px;display:block;text-indent:-9999px }
	a#menu_nousrendrevisite{background:url(../images/btn_menu_nousrendrevisite.jpg) no-repeat center center;width:128px;height:14px;display:block;text-indent:-9999px }
	a#menu_moncompte{background:url(../images/btn_menu_moncompte.jpg) no-repeat center center;width:82px;height:14px;display:block;text-indent:-9999px }
	a#menu_aide_support{background:url(../images/btn_menu_support.jpg) no-repeat center center;width:110px;height:14px;display:block;text-indent:-9999px }
	
a.ensavoirplus {
	display:block;
	font-weight:bold;
	text-align:center;
	color:#222b3e;
	background:url(../images/background_ensavoirplus.png) no-repeat top center;
	width:88px;
	height:17px;
	padding:1px 0 0 0;
	text-decoration:none;
	}
/** Colonne gauche **/
#conteneur {background:url(../images/background_contenu.jpg) repeat-y #ffffff;overflow:auto;}


#col_left {width:749px; float:left;}
#search {width:726px; background:url(../images/background_search_index.jpg) repeat-x; height:32px;padding:13px 0 0 23px}
#h3_search{width:78px; height:10px;background:url(../images/h3_search.jpg) no-repeat top center;text-indent:-9999px;float:left;margin-top:6px;}
#search form {float:left;padding:0 0 0 20px;}
#search form select{margin:0 8px 0 8px;float:left; width:230px; background:#fff; border:1px solid #ffffff; color: #000; font-size:11px; padding:1px 0 0 5px; height:20px;}
#search form option {background:#fff;color: #000; font-size:11px; padding:1px 0 0 5px;}

#add_favoris {color:#fff;background:url(../images/btn_ajout_favoris.jpg) no-repeat center left;  padding-left:15px;}

/** Entete extranet **/
#extranet_head {width:726px; background:url(../images/background_extranet_index.jpg) repeat-x; height:32px;padding:13px 0 0 23px}
#h3_extranet{width:78px; height:10px;background:url(../images/h3_extranet.png) no-repeat top center;text-indent:-9999px;float:left;margin-top:6px;}
#extranet_head #identite {float:left; width:240px; padding:4px 0 0 50px; color:#ffffff; font-size:11px; font-weight:bold;}
#extranet_head #codeclient {float:left; width:250px; padding-top:4px; color:#ffffff; font-size:11px; font-weight:bold;}
#extranet_head #logout {float:left; width:100px; padding-top:4px; color:#ffffff; font-size:11px;}
#extranet_head #logout a {color:#ffffff;}

.btn_submit_ok {display:block;cursor:pointer; width:28px !important; height:21px  !important; background:url(../images/btn_submit_ok.jpg) no-repeat top center !important; border:none !important;}
#form_search .btn_submit_ok, #form_callback .btn_submit_ok{float:left;padding: 0 0 0 8px;}

/** Colonne droite **/
#col_right {width:230px;  background:#009ee0;float:left;border-top:1px solid #fde690;border-left:1px solid #222b3e;}

#compte {height:39px;background:#f9c416;font-weight:bold;padding:5px 0 0 10px; }
#compte a {color: #222b3e;padding-right:4px;}
#compte p {margin-bottom:5px;}
#compte p img {vertical-align:middle;margin:0 4px;}

#demande_devis {color:#ffffff;border-top:1px solid #5fd0ff;padding:20px 25px 0 8px;height:178px; background:url(../images/background_colright_devis.jpg) repeat-x bottom center;}
#h2_demande_devis {background:url(../images/h2_demande_devis.jpg) no-repeat; text-indent:-9999px; width:196px; height:28px;}
#demande_devis p {margin:10px 5px;}
#demande_devis p#btn_acces_form {text-align:center;}
#demande_devis form select{margin:0 8px 0 8px;width:170px; background:#fff; border:1px solid #ffffff; color: #000; font-size:11px; padding-left:5px 0 5px 8px;height:20px;}
#demande_devis form option {background:#fff;color: #000; font-size:11px;padding-left:5px 0 0 8px;}

#callback {color:#ffffff;padding:5px 0 0 5px;height:171px; background:url(../images/background_colright_callback.jpg) repeat-x top center;border-top:1px solid #5fd0ff; border-bottom:1px solid #0568ad}
#h2_callback {background:url(../images/h2_callback.jpg) no-repeat; text-indent:-9999px; width:198px; height:28px; margin:10px 0 0 0}
#callback p {margin:10px 5px;}
#callback form p input {border: 1px solid #ffffff; padding: 2px; background:#027dd3; font-size: 11px; color: #ffffff; width:150px;} 
#callback form p input#callback_tel {float:left;margin-right:5px}

#finances {color:#ffffff;padding:5px 0 0 5px;height:171px; background:url(../images/background_colright_callback.jpg) repeat-x top center;border-top:1px solid #5fd0ff; border-bottom:1px solid #0568ad}
#finances p {margin:10px 5px;}
#h2_finances {background:url(../images/h2_finances.jpg) no-repeat; text-indent:-9999px; width:198px; height:40px; margin:10px 0 10px 0}

#partenaires {padding:20px 0 20px 20px;background:url(../images/background_partenaires.jpg) no-repeat top center;width:210px; height:138px;}
#flash_partenaires {border:1px solid #0568ad; width:188px; height:88px;}
#partenaires  p {color:#fff; font-weight:bold; font-size:13px; text-align:center; margin-top:5px;}

/** Page de contenu (pages de référencement **/
#page_contenu {width:719px; margin: 20px auto;}
#page_contenu h1{color:#e30066; font-size:19px; font-weight:normal; margin:0 0 15px; text-transform:uppercase;}
#page_contenu h3 {color: #009ee0; font-weight:bold; margin:0 0 10px;}
#page_contenu h4 {font-size:12px; margin:0 0 10px;}
#page_contenu ul {margin:0 0 10px 20px;}

/** Footer **/
#footer{color:#ffffff;clear:both;width:980px; height: 148px; background:url(../images/background_footer.jpg) no-repeat top center;padding-top:14px}

#footer_left,#footer_center,#footer_right {float:left;}
#footer_left {width:186px;padding:0 70px 0 70px;}
#h4_inscription_newsletter {background:url(../images/h4_inscription_newsletter.jpg) no-repeat top center; text-indent:-9999px; width:119px; height:27px;margin:8px 0 0 0; }
#footer_left p {padding:25px 0 0 0;}
#footer a {color:#ffffff;}

#footer_center {width:357px;}
#footer_center ul {padding:25px 0 0 10px;float:left;width:150px;}
#footer_center ul  li{width: 100px; padding:5px 5px 8px 5px;border-bottom:1px solid #414e6a}
#footer_center ul  li.li_last{border:none;}
#h4_services {background:url(../images/h4_services.jpg) no-repeat top center; text-indent:-9999px; width:95px; height:27px; margin:8px 0 0 74px }

#footer_end {position:relative;padding:10px 0 10px 15px;width:965px; height:150px; background:url(../images/bg_footer.jpg) no-repeat top center;}
#footer_end a, #footer_end  p {color:#77839d;}
#footer_end  p#footer_end_right {position:absolute; right:20px;top:150px;margin-bottom:20px;}
#footer_end ul{width:181px;color:#76839e;list-style-type:none;float:left;margin:6px;}


#footer_right {width:297px;}
ul#ul_brochure {padding:30px 0 0 100px;}
ul#ul_brochure a {color:#009ee0;}
ul#ul_brochure li {width:140px;}
ul#ul_brochure li#lien_brochure  { margin-top:10px;padding-top:5px;border-top:1px solid #414e6a}
ul#ul_brochure li#lien_adobe   { list-style:none; background: url(../images/icone_acrobat.png) no-repeat center left; position:relative; left:-25px; padding:1px 0 4px 25px; }
#h4_telecharger {background:url(../images/h4_telecharger.jpg) no-repeat top center; text-indent:-9999px; width:151px; height:31px; margin:4px 0 0 90px }

/** Fil d'ariane **/
#fil {color:#222b3e; margin:12px 0 0 15px;}
#fil a {color:#e30066;}

/** Listing **/
#listing { margin:29px 0 0 27px; width:700px;}
#listing p {font-size:12px;}
#col_left #description_sousfamilles {font-size:12px; margin:5px 0 0 15px; font-weight:bold;}
#listing h3 { color:#e30066; text-transform:uppercase; font-size:18px; font-weight:normal; margin:0 0 15px 0;}
#listing .element_liste { width:605px;padding-right:90px;overflow:auto;border-bottom:1px solid #e5e7ec;margin:0 0 15px 0; }
#listing .element_liste h5{ font-weight:bold; color:#009ee0; text-transform:uppercase; font-size:12px; margin-bottom:10px;}
#listing .img_liste { float:left; width:148px;padding-bottom:10px;}
#listing .desc_liste { float:left;width:455px;padding-bottom:10px;font-size:12px;}
#listing h4.lirelasuite {margin-top:5px;background:url(../images/btn_lirelasuite.jpg) no-repeat top center;padding:2px 0 0 12px; width:95px; height:19px; font-size:11px; color:#fff;}
#listing h4.lirelasuite a {color:#fff;}

/** Détail **/
#detail { margin:15px 0 0 27px; width:700px; overflow:auto;}
#detail #blueline {margin:0 0 15px 300px;}
#detail #img_element {float:left;width:305px;padding-bottom:20px;}
#detail #desc_element  { float:left; width:380px;padding-bottom:20px;font-size:12px;}
#detail  h1 { color:#e30066; text-transform:uppercase; font-size:19px; font-weight:normal; margin:0 0 15px 0;}
#detail #desc_element h2 { font-weight:bold; color:#009EE0; text-transform:uppercase; font-size:12px; margin:10px 0 0 0;}
#detail #desc_element h5{ font-weight:bold; color:#009EE0; font-size:12px; margin-bottom:10px;}
#detail #desc_element ul {list-style-image:url(../images/puce.gif);margin-left:15px;}
#detail p.doc {margin-bottom:5px;}
#detail .doc img {vertical-align:middle;}

/** Pagination **/
#navpages {width:720px; text-align:right;margin:20px 0 10px 0;}
#navpages img {vertical-align: middle;}
#navpages span {color:#e30066; font-weight:bold;}
#navpages span a {color:#fff; font-weight:bold; background:#505e7c; padding:2px; text-decoration:none;}
#navpages span a:hover {background:#838ea6;}

.encadre {border:1px solid #d9d9d9; padding:2px}
.blue {color:#027dd3;}
.pink  {color:#e30066;}
.error {background:#e30066;color:#fff;padding:3px;font-weight:bold; width:694px;}
.retourliste {padding-left:18px; background:url(../images/btn_retourliste.jpg) no-repeat top left;color:#009ee0;font-weight:bold;}
.imprimer {padding-left:18px; background:url(../images/btn_imprimer.jpg) no-repeat top left;color:#009ee0;font-weight:bold;margin:0 15px;}
.envoyerami {padding-left:18px; background:url(../images/btn_envoyerami.jpg) no-repeat top left;color:#009ee0;font-weight:bold;}
#search_freetext { border:1px solid #FFFFFF; color:#000000; font-size:11px; height:17px;width:170px;}
#compte form {margin-top:6px;}
#compte .btn_submit_ok{float:right;margin-right:15px}

/** Auto complétion */
#form_freesearch {position:relative;}
.suggestionsBox {
	position: absolute;
	margin: 10px 0px 0px 0px;
	width:170px;
	left:0;
	top:11px;
	background-color: #ffffff;
	border-bottom: 1px solid #303d50;	
	border-left: 1px solid #303d50;	
	border-right: 1px solid #303d50;	
	display:none;
}
.suggestionList li, .suggestionList ul { margin:0;padding:0;}
.suggestionList li {
	cursor: pointer;
	color: #000000;
	list-style:none;
	padding:2px 0 0 2px;
}

.suggestionList li.hover {
	background-color: #009de0;
	color:#fff;
}
.suggestionList li:hover {
	background-color: #009de0;
	color:#fff;
}