* { margin:0; padding:0;}
body { background:#214d84; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1.1875em; color:#3b3b3b;} /*text global*/

input, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden; padding:0px; background:#ffffff; /*background-color:#343456;*/} /*Contenu*/
.container { width:100%;}

p { margin-bottom:19px; /*text-align:justify;*/}

.tail-top { /*background:url(images/fond.gif)*/ left top repeat-y #fff; /*border:1px solid #000;*/} /*wrapper tout page*/
.tail-bottom { /*background:url(images/tail-bottom.gif)*/ left bottom repeat-x; /*border:1px solid #000;*/}
	
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#newsletter-box input.text { width:154px; padding:5px 0 5px 9px; background:#fff; border:0; color:#a1a1a1; margin-right:7px;}

#contacts-form label { display:block; height:26px;} 
#contacts-form label input { width:182px; padding:2px 0 2px 3px; color:#a1a1a1; border:none;}
#contacts-form textarea {width:182px; height:70px; padding:2px 0 2px 3px; margin-bottom:4px; color:#a1a1a1; overflow:auto; border:none;}

/*==================list====================*/
ul { list-style:none;}

ol { margin-bottom:-16px;}
ol li { list-style-position:inside; padding-bottom:16px;}

/*==================menu====================*/
#site-nav { width:100%; /*overflow:hidden;*/}
#site-nav li { float:left; /*background:url(images/divider.gif) no-repeat right top;*/ padding-right:1px;}
#site-nav li a { display:block; height:30px; width:128px; background:url(images/nab-bg2b.gif) left top repeat-x; color:#fff; text-decoration:none; text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
#site-nav li a:hover { background:url(images/nab-bg1c.gif) left top repeat-x;}
#site-nav li a.current { background:url(images/nab-bg1c.gif) left top repeat-x;}

.list1 dt { font-weight:bold; color:#083D73;}
.list1 dd { padding:0 0 26px 0;}

.list2 li { padding-bottom:20px; line-height:1.67em;}
.list2 li div { color:#b00500; text-transform:uppercase; font-weight:bold; text-align:right;}

.list3 li { padding:0; font-family:"Times New Roman", Times, serif; font-size:1.42em;} /*product families*/

.list4 li { padding-bottom:19px;}
.list4 li span { /*background:url(images/marker.gif) no-repeat left 2px;*/ padding:0 0 0 20px;}

.list5 li { padding:0 0 10px 3px; color:#b00500; list-style:none;}

.list6 li { padding:0 0 0 20px; list-style:none; }

.list7 li { padding:0 0 0px 5px; color:#b00500; list-style:none;}
.list7 ul { padding:0 0 0px 15px; color:#b00500; list-style:none;}

/*==================other====================*/
.img-indent { margin:0 11px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:27px;}
.img-box img { float:left; margin:0 11px 0 0;}

.img-box1 { width:100%; overflow:hidden; padding-bottom:23px;}
.img-box1 img { float:left; margin:0 25px 0 0;}

.article { padding:0 0 35px 0px; margin-left:15px; /*background-color:#ababab;*/}
.img-bas-page5 { position: absolute; bottom: 56px; left: 402px;}
.img-bas-page3 { position: absolute; bottom: 55px; left: 15px;}
.img-bas-page4 { position: absolute; bottom: 35px; left: 29px;}

.img-logosp { padding:5px 10px 0px 0; float:left;}

.p2 { margin-bottom:45px;}
.p3 { margin-bottom:12px;}

blockquote p { margin-bottom:0;}

/*==================txt, links, lines, titles====================*/
a {color:#083D73; }
a:hover{text-decoration:none;}

h1 { font-family:"Times New Roman", Times, serif; font-size:2.25em; color:#313537; line-height:1.2em; font-weight:normal; letter-spacing:-1px; margin-bottom:20px; background:url(images/title-r.png) no-repeat left top /*#e5e5e5*/;}
h1 span { background:url(images/title-r.png) repeat right top; display:block; padding:4px 0 4px 0px;}
h2 { font-family:"Times New Roman", Times, serif; font-size:2.25em; color:#313537; line-height:1.2em; font-weight:normal; letter-spacing:-1px; margin-bottom:20px;}
h2 span { color:#313537/*#762626*/;}
h3 { font-family:"Times New Roman", Times, serif; /*background:url(images/marker.gif) no-repeat left 5px;*/ font-size:1.42em; line-height:1.2em; padding:0 0 0 15px; font-weight:normal; margin-bottom:20px;}
h4 { font-family:"Times New Roman", Times, serif; font-size:1.42em; line-height:1.1em; font-weight:normal; color:#000; margin-bottom:8px;}
h4 span { font-size:16px; font-weight:bold; padding:0px; color:#000;}
h4.alt { margin-bottom:25px;}
h4.pdf { margin-left:42px; margin-top:-22px; font-size:12px; font-style:italic; font-weight:normal; color:#083D73;}
h5 { font-size:1em; font-weight:bold; padding:15px 0 15px 0; color:#000;}
h5 span { font-size:21px; font-weight:bold; padding:15px 0 15px 0; color:#21519c;}
h6 { font-size:15px; font-weight:bold; color:#fff; padding:5px 0 5px 5px; background-color:#bbb;}
h6 span { font-size:15px; font-weight:bold; color:#000; padding:5px 0 5px 5px; background-color:#bbb;}

.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.link1 { background:url(images/go-button.gif) no-repeat right top; display:inline-block; padding:2px 26px 2px 0; text-decoration:none; color:#fff;}
.link1:hover { text-decoration:underline;}

/*==================boxes====================*/
.box { background:#620606; width:100%; color:#fff;}
.box .inner { padding:16px 10px 21px 18px;}
.box h2 { color:#fff;}

.cont-box { padding:0 25px 0 0; margin:0;}
.cont-box span { float:right;}
.cont-boxb { padding:0 47px 0 0; margin:0;}
.cont-boxb span { float:right;}

.p1 { margin-bottom:19px;}

.extra-wrap { overflow:hidden;}

/*header*/
#header .logo { position:absolute; top:35px; left:10px; }
#header .row-1 { height:25px; background:#fff; margin-bottom:1px; /*overflow:hidden;*/} /*espace blanc top*/
#header .row-1 .fright { padding:74px 50px 0 0; font-size:1.58em; font-family:"Times New Roman", Times, serif;} /*Français*/
#header .row-1 .fright a { color:#fff; text-decoration:none;}
#header .row-1 .fright a:hover { color:#efae10;}
#header .row-2 { width:774px; padding:229px 0 0 0px; /*background-color:#343456;*/} /*hauteur menu*/

/*content*/ /*Contenant du contenu*/
#content { position: relative; width:772px; /*background-color:#343456;*/}
#content .inside { padding:31px 0 37px 0;}

/*footer*/
#footer { background:url(images/foot-bg2b.gif) left top repeat-x; color:#fff; margin:0 0 15px 0;}
#footer p { margin:0; padding:6px 0 0 0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*descript*/
.descript { /*width:453px;*/ padding:0px 5px 2px 5px; border:1px solid #000; }


/*==========================================*/


/* DROP-LINE MENU Statique */
/* D'où sort ce code ? http://www.cssplay.co.uk/menus/simple_dropline.html*/

.colle {margin-top:-12px;}

/* the styling */
#nav {width:774px; height:30px; /*background:url(images/nab-bg2b.gif);*/ position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:30px; float:left; background:url(images/nab-bg2b.gif); padding-right:0px; 
	text-decoration:none; font-size:12px; line-height:30px; white-space:nowrap; border-right:1px solid #fff; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {background:url(images/nab-bg3b.gif); cursor:pointer; /*color:#edc25c;*/} /*top*/

#nav .sub {display:none;}

#nav .current a {background:url(images/nab-bg1c.gif);} /*top*/

#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#fff; color:#1b1b1b;} /*unselected bottom, hover bottom*/

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#fff; color:#1b1b1b;} /*Current top, selected bottom, hover bottom*/

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:774px; top:30px; left:0; 
	background:#fff; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;} /*Top*/

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:774px; top:30px; left:0; 
	background:#fff; margin-top:0; padding:0; z-index:10;} /*Current top, background bottom*/
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {display:block; height:40px; /*width:100px; float:left;*/ background:#fff; padding:0; margin:0;
	text-decoration:none; font-size:12px;  line-height:25px; white-space:nowrap; border-right:1px solid #fff; 
	color:#21519c;} /*Current top, unselected bottom*/

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; height:40px; line-height:25px; width:128px; background:#ffffff; /*background:#dceafd;*/
	padding:0; margin:0; white-space:nowrap; font-size:12px; border-right:1px solid #fff; color:#21519c;}/*Select top, unselected bottom*/

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}


/* SOLUTION MENU(s) - Solutions*/
/*il s'agit ici d'utiliser le niveau 1 du drop-down, mais avec un nouveau nom afin que les 2 menus n'interfèrent pas*/

/* style the links for the top level */
.menus a, .menus a:visited {display:block; font-family:"Times New Roman", Times, serif; font-size:17px; 
	text-decoration:none; color:#21519c; width:228px; height:30px; background:#fff; padding-left:3px; line-height:28px;}
/* style the top level hover */
.menus :hover > a, .menus ul ul :hover > a {color:#1b1b1b; /*background:#cee3ef;*/} /*hover*/

.menus .currents a,
.menus .currents a:hover {color:#1b1b1b;}