/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/pro_dropline_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pro_linedrop {
height:35px;
width:100%;
background:url(lrimages/black_0.gif);
position:relative; 
font-family: arial,verdana, sans-serif; 
font-size:11px;
z-index:-1;
}

#pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
background:url(lrimages/black_1.gif);
}

#pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


#pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(lrimages/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fef4e2;
}


#pro_linedrop .select li.lrt a {color:#e400ff;}


#pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(lrimages/black_0.gif) right top;
}

#pro_linedrop .select li.line a b {
background:url(lrimages/black_0a.gif) right top;
}

#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(lrimages/green_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fef4e2;
}

#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}

#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 30px 0 15px; 
background:url(lrimages/black_1.gif) right top; 
cursor:pointer;
}

#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/black_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/black_1a.gif) right top; 
}

#pro_linedrop .sub {
position:absolute; z-index: 0; left:-9999px; width:0;
}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {background:transparent;}

#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#fff url(lrimages/fade.gif);
border-bottom:1px solid #aaa;
}

#pro_linedrop .select :hover .rt li {float:right;}

#pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#fff url(lrimages/fade.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

#pro_linedrop .select :hover .sub li.subline a {color:#c00;}

#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.gif) left bottom;}
body {
	text-align: left;
}
#contenuSlide {
	position:relative;
	z-index: 0;
	border-top:1px dashed #d7d7d7;
	border-left:1px dashed #d7d7d7;
	border-right:1px dashed #d7d7d7;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
	

}
#contenuSlide2 {
position:relative;
z-index: 0;
border-left:1px dashed #d7d7d7;
border-right:1px dashed #d7d7d7;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;

}
#centre {
	position:relative;
    z-index: 1;
	border-left:1px dashed #d7d7d7;
	border-right:1px dashed #d7d7d7;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: justify;
}
#centre2 {
	position:absolute;
    z-index: 10000;
	font-family: verdana,arial, sans-serif; 
    font-size:12px;
	border-left:1px dashed #d7d7d7;
	border-right:1px dashed #d7d7d7;
	text-align: justify;
}
#contenu1 {
border-top:1px dashed #d7d7d7;
border-left:1px dashed #d7d7d7;
border-right:1px dashed #d7d7d7;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}
#contenu2 {
border-left:1px dashed #d7d7d7;
border-right:1px dashed #d7d7d7;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}
#contenuFlash {


border-left:1px dashed #d7d7d7;
border-right:1px dashed #d7d7d7;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}
#contenuTab {
	position:relative;
	
    z-index: 1000;
	font-family: verdana,arial, sans-serif; 
    font-size:12px;
border-left:1px dashed #d7d7d7;
border-right:1px dashed #d7d7d7;
margin-left: auto;
margin-right: auto;
width: 898px;
text-align: left;
}
#contenu3 {
	border-left:1px dashed #d7d7d7;
	border-right:1px dashed #d7d7d7;
	background: url(lrimages/fade2.gif) repeat-x;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: center;
}
#contenu4 {
	border-left:1px dashed #d7d7d7;
	border-right:1px dashed #d7d7d7;
	background: #350304;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: center;
}
#boite1 {
background: #069;
width: 250px;
height: 170px;
text-align: left;
float: right;
}
#boite2 {
background: #019;
width: 250px;
height: 170px;
text-align: left;
float: left;
}
.titre1 {
	font-family:arial, verdana, sans-serif;
	font-size: medium;
	color: #fef1da;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
}
  .minititre1 {
	font-family:arial, verdana, sans-serif;
	font-size: small;
	color: #FFF;
	font-style: italic;
	text-decoration: none;
	font-weight: normal;
}
table.minitab {
	background: url(lrimages/barre-grise.jpg) repeat-x;
}
.contenuTxt1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}
.grasTxt {
	font-weight: bold;
	color: #0093bc;
}
.grasTxt2 {
	font-weight: bold;
	color: #444444;
}
.coultxtviolet {
	color: #1e5076;
	text-align: left;
}
.coultxtvioletdroite {
	color: #1e5076;
	text-align: right;
}


.Style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
}
.Style12 {color: #2396b8}
.Style14 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.Style15 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.Style16 {font-size: 10px;
	color: #FF0000;
}
.Style19 {color: #2396b8; font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif;}
.Style2 {	color: #2396b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style20 {font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style21 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2396b8;
	text-align: right;
}
.Style22 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #2396b8; }
.Style24 {	color: #2396b8;
	font-size: x-small;
	font-style: italic;
}
.Style4 {	color: #2396b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.Style9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #7FA2F4; }
.StyleGoogle1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #e8e8e8; }
.StyleGoogle2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #65433e; }
.StyleCaptcha {font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; }

a.rub2:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #dc37ff;
	font-style: normal;
	text-decoration: none;
	text-align: right;
}

a.rub2:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #dc37ff;
	font-style: normal;
	text-decoration: none;
	text-align: right;
}

a.rub2:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #11314e;
	text-decoration: underline;
	font-style: normal;
	text-align: right;
}

a.rub3:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0093bc;
	font-style: normal;
	text-decoration: none;
}

a.rub3:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0093bc;
	font-style: normal;
	text-decoration: none;
}

a.rub3:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #11314e;
	text-decoration: underline;
	font-style: normal;
}

#demo tr.ruled {
  background:#dff0ff;
}





#info {height:500px;}
/* ================================================================ 
xl xl xl
=================================================================== */

/* style the outer div to give it width */
.menu {font-family:verdana, arial, sans-serif; font-size:0.80em;padding-bottom:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:#350304;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;background:#350304;padding:0 3em 0 1em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#554641; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#000;background:#510c0d;}
.menu :hover > a {color:#fff;background:#510c0d;}
/* second */
.menu ul ul a:hover{color:#fff;background:#ccc;}
.menu ul ul :hover > a {color:#fff;background:#d14923;}
/* third */
.menu ul ul ul a:hover {background:#123456;}
.menu ul ul ul :hover > a {background:#123456;}
/* fourth */
.menu ul ul ul ul a:hover {background:#123456;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;z-index:100;height:0;top:3em;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}



[if IE 7]>
.menu ul ul ul {margin-left:-1px;}
.menu ul ul ul.left {margin-left:1px;}
[endif]





/* set up the overall width of the menu div, the font and the margins with a relative position*/

#menu2 {
font-family: verdana, arial, sans-serif; 
width:838px;
height:510px;
margin:0; 
position:absolute;
z-index:90;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
#menu2 ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
#menu2 ul li {
float:left; 
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#menu2 ul li a, .menu2 ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:149px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#bd8569; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
#menu2 ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#menu2 ul li#current a {color:#fff; background:#5e171b;}

#menu2 ul li a:hover,
#menu2 ul li:hover a {
color:#fff; 
background:#9a3036;
}
/* make the sub menu ul visible and position it beneath the first list item */
#menu2 ul li#current ul,
#menu2 ul :hover ul {
top:30px; 
left:0;
height:250px;
background:#fff;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#menu2 ul li#current ul li,
#menu2 ul :hover ul li {
background:#fef4e2; 
color:#000;
padding:10px;
width:838px;
height:auto;
border:20px solid #9a3036;
}
#menu2 ul li#current ul li {border:20px solid #5e171b;}
/*float the image left with padding and no border */
#menu2 ul li#current ul li img,
#menu2 ul :hover ul li img {
float:left; 
padding:10px 10px 10px 0; 
border:0;
}
/* style the paragraph font height */
#menu2 ul li#current ul li p,
#menu2 ul :hover ul li p {
font-size:0.9em;
line-height:1.8em;
}
/* style the background and foreground color of the submenu links */
#menu2 ul li#current ul li a,
#menu2 ul :hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
#menu2 ul li#current ul li a:hover,
#menu2 ul :hover ul li a:hover {
text-decoration:none; 
color:#000;
}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#401212;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:350px; border:1px solid #e78d8d; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:350px; border:1px solid #e78d8d; margin:10px 0; padding:2px; background:#f8f8f8; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 230px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
.main .body_resize .body .ind_resize table tr td .main_body strong {
	color: #FFF;
}
.main .body_resize .body .ind_resize table tr td .main_body strong {
	color: #FFF;
}
.main .body_resize .body .ind_resize table tr td .main_body strong {
	font-family: Arial, Helvetica, sans-serif;
}
.bleu {
	color: #63A1FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.main .body_resize .body .ind_resize table {
	text-align: left;
}