body	{
	background: white;
	margin: 20px auto;
	padding: 0;
	font-family: tahoma;
	font-size: 80%;
	color: #333;
	background-image: url("/images/fond.gif");
}

#outerFrame	{
	width: 666px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #ffffff;
	border:2px solid #cc0000;
}

#header	{
	padding: 0;
	margin: 0;
	border: 0;
}

#top_marque
{
	display:none;
	visibility:hidden;
	font-size: 40%;
}

.marque_plus
{
	display:none;
	visibility:hidden;
	font-size: 40%;
}


#col_unique
{
	width:80%;
}


#col_gauche
{
	width:65%;
	float:left;
	text-align:left;
}

#col_droite
{
	width:30%;
	float:right;
}

#col50_gauche
{
	width:48%;
	float:left;
	border-right:1px solid #FFD5D5;
	padding-right:0.7em;
}

#col50_droite
{
	width:48%;
	float:right;
}

#fullcol {
	float: left;
	width: 628px;
	padding: 15px 18px 10px;
	margin: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fffffC;
}

#footer	{
	clear: both;
	margin: 0;
	color: #666;
	padding: 5px;
	border-top: 0px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:left;
	font-size: 90%;
	background: #f5f5f5;
	width: 654px;
}

/***********************/
.br_gauche
{
	clear:left;
}

.br_droite
{
	clear:right;
}


h1.titre_top {
	font-family: "Trebuchet MS";
	font-size: 1.4em;
	font-weight: bold;
	color: #CC0000;
	margin-top:0;
	padding-top:0;
}

h2
{
	font-weight: bold;
	font-size:1.2em;
	font-family: Trebuchet MS;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0.7em;
	font-weight: bold;
}

h3
{
	font-weight:bold;
	font-size:1.1em;
	font-family: Trebuchet MS;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-color:#CCC;
	border-width:1px;
	padding:5px 5px 5px 15px;
	margin-top:2em;
	/*background: url("/images/down.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;*/
}

h3:first-letter
{
	font-size:1.1em;
	color:#cc0000;
}

h4
{
	font-weight:bold;
	margin-top:0;
	margin-top:0;
	font-size:1em;
}

h4:first-letter
{
	color:#cc0000;
}


/***  PARAGRAPHE    ***/

p
{
	margin-top:0;
}

p.txt 
{
	color:#555555;
	text-align:justify;
	font-size: 1em;
	line-height:1.3em;
	margin-top:0;
	margin-bottom:0;
}

p.txt2 
{
	color:#555555;
	font-size: 1.2em;
	text-align:justify;
	line-height:1.3em;
	margin-top:0;
}

p.menu_droite
{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0.7em;
}

p.decale
{
	padding-left:1em ;
	margin-top:0;
	margin-bottom:0;
}

p.up
{
	text-align: right;
	padding:0;
	margin:0;
}

p.up a:link , a:visited , a:active
{
	color:#cc0000;
}

p.up a:hover
{
	color:black;
	text-decoration: none;
}

.a_droite
{
	float: right;
}

.a_gauche
{
	float: left;
}

.center
{
	text-align:center;	
}

.text_a_droite
{
	text-align: right;	
}



/***  / PARAGRAPHE    ***/


/*** TEXTE / SPAN    ***/

span.noir
{
	color:black;
}

.rouge
{
	color:#cc0000;
}

span.first_rouge:first-letter
{
	color:#cc0000;
}



/***  /SPAN    ***/

/***  IMAGE    ***/

img.a_droite
{
	float:right;
	padding:0;
	margin:0;
}



img.image_droite
{
	float:right;
	padding:0;
	margin-top:8px;
	margin-left:14px;
}

img.image_gauche
{
	float:left;
	padding:0;
	margin-top:8px;
	margin-right:14px;
}

/***  /IMAGE    ***/


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

a img	{
	border: none;
}


#logo	{
	margin:0;
	padding: 0px;
	float: left;
	border-top: 0px solid #fffffd;
}

#logo a	{
	text-decoration: none;
	border-top: 10px;
	border-color:red;
	margin:0;
	padding: 0px;
}

#logo img	{
	border: none;
	margin:0;
	padding: 0px;
}

/******************************
* Navigation
******************************/

#navlist	{
	margin: 0;
	padding: 0;
	width: 665px;
	font-family: Trebuchet MS;
	font-size: 95%;
	border: 1px solid #cccccc;
	border-top: 2px solid #cc0000;
	border-bottom: 2px solid #cc0000;
	border-right: none;
	float: left;
	background:#f5f5f5;
}

#navlist li	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	border-right: 1px solid #ccc;
	}

#navlist li:hover	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	border-right: 1px solid #ccc;
	}

#navlist a:link, #navlist a:visited	{
	display: block;
	padding: 0.25em 0;
	font-weight: bold;
	text-decoration: none;
	width: 94px;
	color: #cc0000;
}

body.home #navlist li.home a,
body.services #navlist li.services a,
body.marques #navlist li.marques a,
body.devis #navlist li.devis a,
body.dossier #navlist li.dossier a,
body.contact #navlist li.contact a,
body.faq #navlist li.faq a,
#navlist a:hover	{
	 background:white; 
		color: gray;
}


/******************************
* Sous menu
******************************/



/*   presentation titre */

.titre {
	color:#CC3333;
	font-size: 1.2em;
	letter-spacing: 3px;
	margin: 0;
	font-weight:600;
	background-COLOR: #f5f5f5;
	}

.link{
	color:#CC3333;
	font-size: 1em;
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left:15px;
	background:  url("/images/pucerouge.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
.link1{
	color:#CC3333;
	font-size: 1em;
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left:15px;
	background:  url("/images/pucerouge.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.link2{
	color:#CC3333;
	font-size: 1em;
	margin-top: 0 ;
	margin-bottom: 4px;
	margin-left: 10px;
	padding-left:15px;
	background:  url("/images/pucerouge.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.listeserv{
	padding-left:30px;
	margin-bottom:3px;
	background:  url("/images/ok1.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-family: tahoma, verdana, helvetica;
	color:#cc3333;
	font-size: 1.1em;
	font-weight:500;
	letter-spacing:1px; 
}

.lik{
	font-family: Trebuchet MS;
	border-bottom: 1px solid #CCCCCC;
	color:#CC3333;
	margin:0;text-align:right;	
	font-size: 1.2em;
	letter-spacing:  -0.008em;
	}
.image{
	float:right;
	margin:1px;
	padding:1px;
}
.border{
	/*border: 1px dotted #ccc; */
	float:right;
	margin:3px;
	padding:3px;
}


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

/* DELETE    */

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

div.sous_menu
{
	text-align: center;
}

p.sousmenu
{
	border: 1px solid #ccc;
	border-top: none;
	clear: left;
	padding: 2px 10px 2px 10px;
	margin: 0;
	background: #ffffF2;
	width: 637px;
}
a.sousmenu:link	
{
	color: #666;
}
a.sousmenu:visited	
{
	color: #666;
}

a.sousmenu:hover	
{
	color: #CC0000;
	text-decoration:none;
}

.message	{
	border: 1px solid #ccc;
	border-top: none;
	padding: 0.4em 10px;
	margin: 0;
	clear: left;
	background: #f5f5f5;
	color: #666;
	font-weight: bold;
	width: 637px;
}

.centered	{
	text-align: center;
}

.clearer	{
	clear: both;
}



a:link , a:visited , a:active
{
	color:#cc0000;
}

a:hover
{
	color:black;
	text-decoration: none;
}

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

p.azaz {
	text-align:center;
	padding:3px;
	margin:3px;
	margin-bottom:6px;
}

p.aaa
{
	margin:7px;
	color:#cc0000;
	font-weight:bold;
	font-size:1em;
	font-family: Trebuchet MS;
	border-bottom:1px solid gray;
	text-align:CENTER;
	letter-spacing: 0.1em;
}

div.middle
{
	width: 182px;
	background-image: url(/test/images/0_06.jpg);
	margin:0px;
	background-repeat: repeat-y;
	text-align:right;
}


div.top
{
	background-image: url(/test/images/0_03.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0;
}

div.bottom
{
	background-image: url(/test/images/0_08.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding:2px 12px 6px 6px;
}
