body{
font-family: Arial,sans-serif;
color: #4B328C;
margin: 0px;
padding: 0px;
font-size:12px;
text-align:justify;
background-image:url(img/fd.gif);
}

p img{
border:0px none;
vertical-align:middle;
padding:4px 4px 4px 0;

}

a:link, a:visited, a:hover {
color: #7F6DAD;
}

a:hover {
text-decoration: underline;
}



h1, h2, h3, h4, h5, h6 {
font-family: Arial,sans-serif;
margin: 0px;
padding: 0px;
}

h1{
color:#A51504;
font-size:18px;
font-weight:bold;
}



h2{
color:#A51504;
font-size:12px;
font-weight:bold;
}

h3{
font-size: 100%;
color: #334d55;
}

h4{
font-size: 100%;
font-weight: normal;
color: #333333;
}

h5{
font-size: 100%;
color: #334d55;
}


label{
font: bold 100% Arial,sans-serif;
color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#document
{
width: 760px;
margin: 0 auto;
background-image:url(img/fd_centre.gif);
background-repeat:repeat-x;
}


#navBar{
float:right;
width:240px;
margin: 0 0 0 0;
padding: 0px;
}

#content{
float:left;
width: 520px;
margin: 0;
padding: 0;
background-color:#FFFFFF;

}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*-------------------bloc top*/
#top{
width:760px;
height:50px;
}

span#topleft {
float:left;
width:483px;
margin-top:35px;
color:#7F6DAD;}

span#topright {
float:left;
width:277px;
}

/*-------------------Pour les images avec texte autour°*/
#img_text{
}

#img_text img{
border:0px none;
vertical-align:middle;
padding:4px 4px 0px 0;
float:left;

}

/*-------------------bloc dans le menu droite*/
#carte{
position:relative;
width:240px;
}

#carteright{
position:absolute;
margin:0px;
padding:0px;
top:0px;
right:0px;
width:156px;
text-align:left;

}

#carteright img{
vertical-align:middle;
}

#carteleft{
margin:0px;
padding:0px;
}


div#cadre {  /* conteneur global et chapeau de l?arrière-plan */
width: 230px;
margin-left:8px;
padding-top: 7px;
background: url(img/bloc_top.gif) left top no-repeat;
}

#cadre p {
font-size:10px;
margin-right:7px;
}

div#bloccadre {  /* bords et pied de l?arrière-plan */
background: url(img/bloc_bottom.gif) left bottom no-repeat;
padding-bottom: 9px;
}

div#bloccadre a {
color:#7F6DAD;
}

div#bloccadre p {
padding:0 6px 0 6px;
margin-bottom:0;
margin-top:2px;
}

.form1 {
width:200px;
margin-left:6px;
margin-top:4px;
padding-top:0;
}

span.intitule {
width:80px;
text-align:left;
color:#7F6DAD;
font-size:10px;
}

form.css label 
  {
  display: inline;
  float: left;
  width: 80px;
  color:#7F6DAD;
  font-size:10px;
  } 

form.css 
  {
  margin:0;
  } 
  
/*-------------------bloc contenu rubrique*/

#contenu_rubrique {
border:1px solid #CDD4E7;
padding:1px 5px 20px 5px;
margin-right:6px;
}


ul#rubriques{
	margin:0px;
	padding:10px 0 0 35px;
	list-style-image:url(img/puce_li.gif);
	list-style-type: none;
	list-style-position:outside;
}
li#rubriques{
padding:0 0 50px 0;
}

#chapo {
color:#7F6DAD;
padding:5px 0 20px 0;
}

#chapo a{
color:#7F6DAD;
}

/*-------------------bloc header*/
#entete
{
margin:0;
padding:0;
height:134px;
}
/*-------------------bloc footer*/
#footer
{
background-color:#4B328C;
position: relative;
padding: 0px;
margin: 0px;
height:21px;
text-align:center;
color:#FFFFFF;
}

#footer a
{
color:#FFFFFF;
}

#footer img{
margin-bottom: -4px;
}


#gnl {
position: absolute;
top: 0px;
left:0px;
}

#gnr 
{
position: absolute;
top: 0px;
right:0px;
}



/*-------------------bloc sign*/
#sign
{
font-size:10px;
font-weight:bold;
text-align:center;
color:#7F6DAD;}

/*-------------------bloc alerte*/
#alerte
{
font-size:10px;
font-weight:bold;
background-color:#F5F3F8;
float:left;
width:97%;
margin-left:2px;
margin-top:10px;
margin-bottom:10px;
height:25px;
text-align:left;
}






/************** contenu styles ***************/

.contenu{
padding: 0px 0px 0px 10px;
}




/************** PAGE ACCUEIL *****************/

#accueil{
padding: 10px 0px 0px 0px;
}

div.img_titre{
width:98%;
padding:10px 0 10px 4px;
margin-top:10px;
}
/*-------------------bloc savoir*/
div.savoir{
border: 1px solid #CDD4E7;
background-color:#F5F3F8;
width:235px;
height:120px;
float:left;
padding:0px 8px 0px 2px;
margin:2px;
font-size:10px;
text-align:left;
}

div.savoir p{
padding:0px 8px 0px 0px;
}
/*-------------------bloc guide*/
div.guide{
border: 1px solid #CDD4E7;
width:235px;
height:200px;
float:left;
padding:0px 10px 0px 0px;
margin:2px;
margin-top:10px;
text-align:left;
}


.div.news {
border : 0px solid #CDD4E7;
width:235px;
height:400px;
float:left;
padding:0px 10px 0px 0px;
margin:2px;
margin-top:10px;
text-align:left;
}

.guide_voir {
padding: 5px 0 0 2px;
margin:0;
font-size:10px;
}

.guide_titre{
color:#563F93;
font-size:12px;
font-weight:bold;
padding: 5px 0 5px 5px;
margin:0;
}


ul#bloc_news{
margin:0px;
padding:4px 0 0 18px;
list-style:none;
list-style-image:url(img/puce_info.gif);
}

#bloc_news a {
color:#7F6DAD;
}

ul#bloc_pratique{
	margin:0px;
	padding:4px 0 0 18px;
	list-style:none;
	list-style-image:url(img/fleche.gif);
}

#bloc_pratique a {
color:#7F6DAD;
}
/*-------------------bloc option & services associes*/
div.os{

border-left: 1px dotted #CDD4E7;
width:230px;
height:250px;
float:left;
padding:0px 4px 0px 5px;
margin-bottom:30px;
text-align:justify;
}

.os_titre{
color:#A51504;
font-size:12px;
font-weight:bold;
margin:0;
}

/*-------------------bloc top accueil*/
div.blocpub{
border: 1px solid #CDD4E7;
width:338px;
float:left;	
height:235px;	
}

div.blocintro{
border: 1px solid #CDD4E7;
float:left;
width:150px;
height:230px;	
margin-left:4px;
padding:6px 0 0 6px;
text-align:left;
}



#bloccompte{
background-image:url(img/bloc_centre.gif);
width:230px;
}

/************* #CENTRAGE ***************/

#Centrage{
clear: both;
}



/************* #MENU ***************/
#navcontainer {
margin:0;
padding:0;
}


#navcontainer ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0px 0 0 55px;
font-size: 12px;
}

#navcontainer li
{
padding: 0;
margin: 0 2px 0 0;
background-color: #FFFFFF;
color: #00A3CA;
/* the next 4 lines are magic */
display: block;
float: left;
top: -0.5em;
}

#navcontainer a:link,
#navcontainer a:visited
{
background-color: #4B328C;
color: #ffffff;
text-decoration: none;
padding-left: 0.5em;
padding-right: 0.5em;
}

#navcontainer a:hover
{
background-color: #FFFFFF;
color: #A51504;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
display: block;
clear: both;
}

#navcontainer li#active a
{
background-color: #FFFFFF;
color: #A51504;
}

/************* #breadCrumb styles *************/

#breadCrumb{
background-color:#F5F3F8;
width:97%;
height:15px;
color:#A51504;
font-size:10px;
vertical-align:middle;
margin:0 0 5px 0;
padding:0;
margin-left:10px;
}

#breadCrumb a:hover
{
color:#A51504;
}


/************* #Tableaux *************/
TABLE.form   {
margin:0;
padding:0;
}

TD.lignea   {
background: #F4F4F8;
padding: 4px 0px 2px 4px;
height:15px;
}

TD.ligneb   {
background: #E9E8F1;
padding: 4px 0px 2px 4px;
height:15px;
} 

TD.titre   {
background: #4B328C;
color:#FFFFFF;
padding: 4px 0px 4px 4px;
height:18px;
}

/************* #Tableau Garantie *************/

TABLE.garanties   {
margin:0;
padding:0;
text-align:left;
table-layout:auto;
}

TD.cell_actes   {
background: #4B328C;
color:#FFFFFF;
padding: 5px 0px 5px 4px;
font-size:12px;

}

TD.cell_garantie   {
padding: 5px 0px 5px 4px;
font-size:10px;
text-align:center;
vertical-align:middle;
border-right: dotted #CCCCCC 1px;
border-bottom: dotted #CCCCCC 1px;
}


TD.cell_offre   {
padding: 5px 0px 5px 4px;
font-size:10px;
text-align:center;
vertical-align:middle;
border-left: solid #4B328C 1px;
border-bottom: solid #4B328C 1px;
}

/************* #Tableaux *************/
TABLE.devis   {
margin:0;
}


TD.devis_titre   {
background: #4B328C;
color:#FFFFFF;
padding: 2px 0px 4px 2px;
}

TD   {
height:25px;
padding:4px 0px 4px 0px;
}

TD.separate {
border-bottom: dotted #CCCCCC 1px;
padding:0;
color:#A51504;
font-weight:bold;
}
.lettrine {
	font-size: 36px;
	font-style: normal;
	font-weight: bolder;
	color: #4B328C;
}


.info_tab {
font-size:10px;
text-align:left;
}