body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	z-index:0;
	background-image:url(http://www.r7g.com/6455/m/v2007/img/mosaique.gif);           
	
	/*background:url(http://www.r7g.com/6455/m/v2007/test.gif) top center no-repeat;*/
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
}

#back_hide{
margin:0px;
border:0px;
padding:0px;
width:100%;
height:100%;
background:url(http://www.r7g.com/6455/m/v2007/img/fond_hide.jpg)  top center no-repeat;
min-width:980px;
}
.hide {
  display: none;
}


img{
border:0px;
}

p{
margin:0px;
padding:0px;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size:19px;
color:#24368A;
}

#page {
	width: 980px;
	height:600px;
	margin:0px auto;
	
}


#page .left{
float:left;
width:255px;
height:600px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_gauche/fond_left.gif) no-repeat bottom left;
}

#page .right{
float:left;
width:725px;
height:600px;
}


/* Bloc gauche */

#menu_left{
width:254px;
height:230px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_gauche/fond_menu_left.gif) no-repeat center center;
}

#menu_left img{
float:left
}

#logo{
float:left;
width:181px;
height:100px;
padding:74px 0px 0px 74px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_gauche/fond_logo.gif) no-repeat center center;

}

#search{
width:153px;
height:56px;
padding:2px 39px 0px 63px;
float:left;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_gauche/search.gif) no-repeat center center;
}

#search form{
padding:0px;
margin:0px;
float:left;
}
#search label{
float:left;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_gauche/label_search.gif) no-repeat center center;
width:126px;
height:17px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
padding-left:25px;
padding-top:1px;
}

#search input{
float:left;
}

#search .champs_text{
float:left;
width:123px;
height:16px;
border:none;
margin-top:3px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_gauche/fond_input.gif) no-repeat center center;
padding:0px;
font-size:11px;
padding:1px 0px 1px 10px;
}

#search .submit{
float:left;
margin-top:3px;
}

#search_result{
padding:0px 20px;
text-align:center;
}

#search_result fieldset{
border: 1px solid #24368A; 
padding: 10px;
}

#search_result a{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#24368A;
text-decoration:none;
float:left;
width:160px;
padding-right:20px;
padding-top:10px;
}

#search_result a:hover{
color:#F7AC15;
}


/* bloc droite */


#haut{
float:left;
width:725px;
height:16px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_haut/fond_top.gif) no-repeat top right;
}

ul#menu{
position:relative;
float:left;
width:725px;
height:22px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_haut/fond_menu.gif) no-repeat top right;
margin:0px;
padding:0px;
color:#ffffff;
}

ul#menu img{
float:left;
}

ul#menu li{
display:inline;
}

ul#menu li ul{
position:absolute;
top:20px;
left:17px;
width:690px;
height:100px;
margin:0px;
padding:0px;
z-index:3;
}

ul#menu li ul li{
padding-top:10px;
float:left;
}


ul#menu li ul li a{
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

ul#menu li ul li a:hover{
text-decoration:underline;
}


ul#menu .link_menu{
border:0px;
float:left;
width:115px;
height:19px;
padding:3px 17px 0px 0px;
background:no-repeat top left;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none; 
text-align:center;

}


#ssmenu{
float:left;
width:705px;
height:22px;
background:url(http://www.r7g.com/6455/m/v2007/img/bt_menu_haut/fond_ss_menu.gif) no-repeat center center #5ba830;
padding:10px 0px 0px 20px;
}


#milieu{
float:left;
width:725px;
height:488px;
background:url(http://www.r7g.com/6455/m/v2007/img/fond_milieu.gif) no-repeat top left #ffffff;
}

#contenu{
float:left;
margin-top:10px;
width:645px;
height:447px;
padding:15px 0px 10px 25px;
overflow:auto;
scrollbar-face-color:#c7d2dd;
scrollbar-arrow-color:#00000;
scrollbar-track-color:#f3f2f1;
scrollbar-shadow-color:#6b368a;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#aaaaab;
scrollbar-darkshadow-Color:#FFFFFF;
}

#real_content{
width:616px;
float:left;
}


#bas{
float:left;
width:725px;
height:30px;
background:url(http://www.r7g.com/6455/m/v2007/img/fond_bas.gif) no-repeat top right;
overflow:hidden;
}

#bas .contact{
float:left;
width:112px;
height:12px;
padding:8px 0px 10px 35px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none; 
background:url(http://www.r7g.com/6455/m/v2007/img/contact.gif) no-repeat top left;
}

#bas .contact:hover{
background:url(http://www.r7g.com/6455/m/v2007/img/contact_on.gif) no-repeat top left;
}

#bas .contact_on{
float:left;
width:112px;
height:12px;
padding:8px 0px 10px 35px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none; 
background:url(http://www.r7g.com/6455/m/v2007/img/contact_on.gif) no-repeat top left;

}

#bas img{
float:left;
}

#down{
float:left;
width:725px;
height:12px;
background:url(http://www.r7g.com/6455/m/v2007/img/fond_down.gif) no-repeat top right;
overflow:hidden;

}

#menu_footer{
padding:10px 0px 0px 15px;
margin:0px;
float:left;
}

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

#menu_footer a:hover{
color:#ffffff;
}

#menu_footer li{
display:inline;
margin-right:10px;
padding:0px;
}


#garantie{
width:616px;
height:136px;
}

#garantie img{
float:left;
}

#plan{
padding-left:100px;

}

#plan a{
text-decoration:none;
}

#plan a:hover{
text-decoration:underline;
}

.level0{
padding-left:15px;
background:url(http://www.r7g.com/6455/m/v2007/img/puce.gif) no-repeat top left ;
color:#23358A;
font-weight:bold;
}

.level1{
padding-left:30px;
color:#169CC9;
}

.level2{
padding-left:45px;
color:#0000cc;
}

a.imprimer {
	float: right;
}

div.line_tatout {
	float: left;
	width: 500px;
	clear: left;
}

a.txt_tatout {
	color: #FF0099;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
}
a.txt_tatout:hover {
	color: #D00E7A;
	text-decoration: underline;
}

a.txt_tatout1 {
	color: #D00E7A;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
}
a.txt_tatout1:hover {
}



a.txt_tatoutbleu {
	color: #0099cc;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
}
a.txt_tatoutbleu:hover {
	color: #23358a;
	text-decoration: underline;
}

a.txt_tatout1bleu {
	color: #23358a;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
}
a.txt_tatout1bleu:hover {
}



/**********************/


.home_caps{
width:160px;
height:166px;
margin-right:10px;
margin-bottom:10px;
padding-top:13px;
padding-bottom:27px;
padding-left:16px;
padding-right:37px;
background-repeat: no-repeat;
background-position:center left;
}

.home_caps a{
text-decoration:none;
color:#ffffff;
font-family:arial;
font-size:10pt;

}
/***************************/



#connect a, a.view_connect {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #5BA830;
	padding-bottom: 10px;
	text-decoration: underline;
}

#connect form {
	float: right;
	clear: right;
}
#connect span {
	float: left;
	line-height: 19px;
	padding: 0px 5px;
	font-size: 11px;
}
#connect input.field {
	float: left;
	width: 82px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5BA830;
	font-size: 12px;
	border: 1px solid #5BA830;
	padding-left: 4px;
	padding-right: 4px;
}
#connect input.submit {
	float: left;
	width: 35px;
	height: 19px;
	margin-left: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	border: 1px solid #5BA830;
	background-color: #5BA830;
}